본문 바로가기

플밍 is 뭔들/JavaScript&jQuery

[JavaScript] ECMAScript 2015 / ES6 (3) / 화살표 함수

※ 기존 함수와 형태비교
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;
    }
}