MLP) [JavaScript] 함수(function), 메서드(method)

함수 구성 방법

1. function 함수명([매개변수]) {
       기능
       [return; / return 값;]
   }
   → hoisting이 지원됨
2. const 함수명 = function([매개변수]){
       기능
       [return; / return 값;]
   }
   →  literal 방식. hoisting 지원 X

hoisting

hoist: (흔히 밧줄이나 장비를 이용하여) 들어[끌어] 올리다
함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것

 

---

1. 매개변수X, 반환값X

function go(){
  alert("구글로 가요");
  location.href = "http://www.google.com";
}

See the Pen Untitled by 챈챈 (@naaoviji-the-animator) on CodePen.

 

 

go(); //작동O ==> hoisting(밑에 있는 걸 끌어올려서 수행)
function go(){
  alert("구글로 가요");
  location.href = "http://www.google.com";
}
go(); //작동O

---

 

2. 매개변수O, 반환값X

goWhere("http://www.google.com"); //작동X (hoisting 지원 안 됨)
const goWhere = function(url){
	alert(url+"로 갑니다")
    location.href = url;
}
goWhere("http://www.naver.com"); //작동O
goWhere("http://www.daum.net"); //작동O

---

 

3. 매개변수X, 반환값O

function show(){
	console.log("show()호출됨...");
    return "★★★★★"; //return문은 함수 가장 끝에 작성
    //show() 함수를 호출한 쪽으로 "★★★★★" 문자열을 돌려준다
}
var star = show(); //반환값이 있는 함수는 함수를 호출할 때 반환값을 받아줄 변수를 선언하자
document.write(star);

반환값이 있는 함수는 함수를 호출할 때 반환값을 받아줄 변수를 선언하자!

 

---

 

4. 매개변수O, 반환값O

//매개변수 2개 받아서 곱하기를 수행하고, 곱한 결과값을 반환하는 함수를 구성하세요
//함수 호출해보기
const multiple = function(x, y){
    let result = x * y;
    return result;
}
let z = multiple(2, 3);
document.write(z);

 

See the Pen Untitled by 챈챈 (@naaoviji-the-animator) on CodePen.