본문 바로가기
WEB/JavsScript

[JavaScript] 함수(function)

by Raymond 2022. 5. 6.

함수(function)


함수의 선언식(Function Declarations)

 

전역적으로 사용되기에 실행시점에서 차이가 있다. 그러므로 plus가 선언되지 전에 그 함수를 사용하여도 사용이 가능하다. 선언식을 많이 사용하는 경우에는 느려질수 있다는 단점이 있다.

<script>
  console.log(plus(9, 12));

  function plus(num1, num2) {
    let sum = num1 + num2;
    return sum;
  }

  let sum1 = plus(3, 5);
  console.log(sum1);
</script>

 

함수의 표현식(Function Expressions)

 

표현식으로 선언한 함수는 무조건 선언 이후에만 사용이 가능하다.

<script>
  const sum = function (num1, num2) {
    return num1 + num2;
  };

  console.log(sum(5, 9));
</script>

 

Function 생성자 함수

마지막 파라미터가 코드 블록, 그 앞에는 파라미터는 함수에 전달되는 변수이다.

<script>
  const add = new Function("num1", "num2", "return num1 + num2");
  console.log(add(21, 27));
</script>

 

 

참고자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Functions

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/function

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function

'WEB > JavsScript' 카테고리의 다른 글

[JavaScript] Array 인스턴스 메소드  (0) 2022.05.09
[JavaScript] Number 인스턴스 메소드  (0) 2022.05.08
[JavaScript] String 인스턴스 메소드  (0) 2022.05.07
[JavaScript] 반복문  (0) 2022.05.05
[JavsScript] 위치(Location)  (0) 2022.05.05

댓글