[JavaScript]ES6-02

화살표 함수

🔅기본 형태

var test = () => {}
test();

🔅함수의 표현식이 하나인 경우
함수명 = () => 표현식;
표현식이 하나여서 {} 없이 사용 가능

hello = () => alert("Hello World");
hello();

🔅표현식이 여러개인 경우
함수명 = () => { 표현식1; 표현식2; };

🔅매개변수가 한개인 경우

• 함수명 = 매개변수 => { 표현식 };
• 함수명 = (매개변수) => { 표현식 };

square = x => {
    return x * x;
}
console.log(square(5));

🔅매개변수가 여러개인경우
함수명 = (매개변수1, 매개변수2) => { 표현식 };

square = (x, y) => {
    return x + y;
}
console.log(square(5,10));

this키워드

this

해당 키워드가 속한 객체를 참조할 때 사용
① 혼자 써있다면 전역 객체를 의미
② 함수에서는 전역 객체를 의미
③ 메서드 내부에서는 메서드를 소유한 객체를 의미
④ 이벤트는 이벤트를 받는 객체 의미
화살표함수에서의 this는 함수를 소유한 객체에서 처리됩니다.

🔅함수 매개변수에 기본값 처리

function 함수명(매개변수명=기본값,매개변수명=기본값,...){
}
function test(x, y=10){
    return x + y;
}
console.log(test(5)); //x값만 지정
console.log(test(5,20)); //x와 y값 모두 지정

참고자료

https://ossam5.tistory.com/158?category=921603