Front-end/JavaScript
[JavaScript] ES6+ 화살표 함수(Arrow function)
이안92
2021. 6. 11. 14:21
반응형
ES6 이전의 함수
// ES5 - 함수 선언문
function sum(a, b) {
return a + b;
}
// ES5 - 함수 표현식
var sum = function(a, b){
return a + b;
}
ES6+ 화살표 함수
function을 없애고 =>를 추가해서 코드가 더 간결해졌다.
그리고 간단한 연산 표현식은 { }와 return을 없애서 쓸 수 있다.
// ES6+ - 함수 표현식(화살표 함수)
var sum = (a, b) => {
return a + b;
}
var sum = (a, b) => a + b;
타입스크립트의 화살표 함수
// TS - 화살표 함수
var sum = (a: number, b: number): number => {
return a + b;
}
반응형