sitelink1 | |
---|---|
sitelink2 | |
sitelink3 | |
sitelink4 | |
extra_vars4 | |
extra_vars5 | |
extra_vars6 |
const simplePrint = function() {
console.log('simplePrint!');
}
위와 같은 일반적인 함수 선언은 arrow function으로 정의한다면
const simplePrint = () => console.log('simplePrint!');
하나더 예시를 들자면
const add = function(a, b) {
return a+b;
}
는
const add = (a, b) => a+b;
과 같은 구문이 된다
a, b 파라미터를 받아 리턴은 a+b 로 하는 함수를 정의한다라는 의미가 됨
하지만 a+b 와 같은 단순 연산값의 리턴 동작만 하는게 아니라 다른 연산도 함께 수행하는 로직의 함수라면
const add = (a, b) => {
let c = a+b;
return c / 2;
}
식으로 블럭을 지정할 수 있고 블럭 안에서는 반드시 return 키워드를 사용해야만 한다
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
8 | IIFE (Immediately Invoked Function Expression) | 황제낙엽 | 2021.03.07 | 260 |
» | Arrow function | 황제낙엽 | 2021.03.07 | 258 |
6 | 함수 Call Stack 디버깅을 위한 함수 선언 팁 | 황제낙엽 | 2021.03.07 | 260 |
5 | Function declaration 과 Function expression 의 차이 | 황제낙엽 | 2021.03.07 | 220 |
4 |
콜백지옥과 비동기제어
![]() | 황제낙엽 | 2021.02.18 | 1269 |
3 | call() and apply() methods in Javascript | 황제낙엽 | 2011.10.07 | 600 |
2 | Function.apply and Function.call in JavaScript | 황제낙엽 | 2011.10.07 | 545 |
1 |
Function.apply() 와 Function.call()
![]() | 황제낙엽 | 2011.10.07 | 363 |