자바스크립트 함수 JavaScript Functions

자바스크립트에서 함수를 어떻게 선언하고, 알아둬야 할 부분이 무엇인지 살펴봅니다.

 

자바스크립트에서 함수는 function 키워드를 사용해서 선언하게 됩니다.

아래의 함수에서 myFunction은 함수명, a와 b는 인자값(파라미터), 그리고 return a + b는 리턴값이 되게 됩니다.

중괄호 { } 안에서 함수 내용을 적어주면 됩니다.

function myFunction(a, b) {
  return a + b;   
}

함수를 사용하는 이유는, 함수를 한 번 정의하고 여러 번 사용할 수 있기 때문에 불필요한 코드 작업을 방지할 수 있기 때문입니다.

함수 선언 시 주의점은, 함수 객체와 함수 결과를 혼동하지 말아야 한다는 점입니다.

아래의 예문에서 toCalculate는 number라는 파라미터를 받아서, 중괄호 내용처럼 계산한 값을 리턴합니다.

함수를 사용할 때 toCalculate(100)는 함수 결과인 400을 나타냅니다.

만약 파라미터가 들어간 괄호 (100)을 생략하면, 함수 객체로 인식하여, toCalculate 함수식을 그대로 전달하게 됩니다.

function toCalculate(number) {
  return (100/50) * (number + 100);
}

let calculated_amount = toCalculate(100);
console.log(toCalculate) //콘솔에 찍히는 값은 toCalculate 함수식 전체가 됩니다.

또 하나의 중요한 부분은, 함수 블록 안에서 사용된 변수는 지역 변수로서 작용하기에, 외부에서 해당 변수에 접근할 수 없습니다.

// 함수 외부에서 carName 변수 접근 불가

function myFunction() {
  let carName = "Ford";
}

// 함수 외부에서 carName 변수 접근 불가