Header

[ JavaScript 02 ] 자바스크립트 화살표 함수 (Arrows function)

[ JavaScript 02 ] 자바스크립트 화살표 함수 (Arrows function) 







=> 기호를 사용하여 함수를 간략화할수는 ES6기능입니다.
함수와 리턴값을 간단한 형태로 정의할 수 있습니다.

예시)

인자가 하나일 때는 그냥 작성합니다.
인자가 두개 이상일 경우에는 괄호로 묶어서 전달합니다.
그 외에 코드가 포함될 경우에는 중괄호로 묶어서 전달하면 됩니다.


var add = (num1,num2) => num1+num2; add(1,2); //3 //이름 반환var getName = name => {console.log('내이름은 '+name);
return name;}
getName('test'); //내이름은 test //짝수 뽑기var numArray = [1,2,3,4,5,6,7,8,9,10]; var evens = []; nums.forEach(numArray=> { if(numArray%2==0){ evens.push(numArray); } }); console.log(evens) //[2,4,6,8] var aa = { name : 'aa', getThis : () => {return this} //인자 없음. this 반환}; aa.getThis() // aa객체가 아닌 Window를 반환


다음과 같이 예시 코드를 잘 확인해서 
구별해서 화살표 함수를 쓰도록 합시다.

자주 사용할수록 편한게 느껴질 겁니다.

댓글 쓰기

0 댓글