반응형

작성일자 : 2021.03.10

 

화살표 함수란?

ES6 에서 추가된 문법으로, function 키워드 대신 화살표를 사용하여 보다 간략하게 함수를 선언하는 방법

 

this 에 바인딩할 객체가 함수가 어떻게 호출되었는지에 따라 동적으로 결정되는 일반 함수에 비해, 화살표 함수는 this, arguments, super 등이 정적으로 결정되며 따라서 prototype 에서 활용하거나, 객체의 메소드, 생성자로는 적합하지않다.

 

 

ex)

일반 함수 선언

화살표 함수 선언

  function(...arg){
      expression
  }

  (...arg) => {
      expression
  }

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

  (a, b) => a + b

  function(n){
      return n*2;
  }

  n => n*2

 

 

반응형

'Javascript' 카테고리의 다른 글

javascript example  (0) 2021.02.11
[Vue] 컴포넌트간 데이터 통신  (0) 2020.09.11
[vue] vue-router 사용  (0) 2020.09.08
[Vue] Component 사용  (0) 2020.09.06
[Vue] Vue Project 생성  (0) 2020.09.03

+ Recent posts