※ 기존 함수와 형태비교
function getDouble(num) {
return num*2;
}
//화살표 함수
const getDouble = (num) => num*2;
※ 파라미터에 따른 화살표 함수의 형태
const noParam = () => "No Param";
const oneParam = (param) => param ;
const multiParam = (paramOne, paramTwo) => paramOne + paramTwo;
※ 파라미터에 따른 화살표 함수(블록을 추가)
const noParam = () => {
return "No Param";
};
const oneParam = (param) => {
return param ;
};
const multiParam = (paramOne, paramTwo) => {
return paramOne + paramTwo;
};
※ 화살표 함수 활용(클래스 메소드)
class Timer {
constructor(time) {
this.time = time
}
getTime = () => {
return this.time;
}
setTime = (time) => {
this.time = time;
}
}
'플밍 is 뭔들 > JavaScript&jQuery' 카테고리의 다른 글
[JavaScript] ECMAScript 2015 / ES6 (4) / Promise, async-await (0) | 2019.12.18 |
---|---|
[JavaScript] ECMAScript 2015 / ES6 (2) / 클래스(Class) (0) | 2019.11.11 |
[JavaScript] ECMAScript 2015 / ES6 (1) / var, let, const (0) | 2019.10.16 |
[JavaScript] 자바스크립트 객체지향 프로그래밍 - 합성 (0) | 2017.08.24 |
[JavaScript] 자바스크립트 객체지향 프로그래밍 - 다형성 (0) | 2017.08.23 |