[javascript] 함수, this, 객체

1. 화살표 함수

const arrow1 = (a,b) => {
	return a + b;
};

const arrow2 = (a,b) => a + b; //바로 return 할 때는 중괄호, 'return' 필요 없음.
console.log(arrow(1,2));

 

화살표 함수는 익명 함수로만 사용이 가능합니다.

따라서 화살표 함수는 호출하기 위해선 변수에 할당해주어 호출해야 합니다.

 

-화살표 함수를 사용하면 안 되는 경우

(1) 메소드로 정의하기.

(2) prototype 에 메소드 할당하는 경우.

(3) 생성자 함수

(4) 

2. this

(1) 일반 함수의 this

생성자 함수, 객체 method 외의 this 는 전역 객체 window 를 가리킵니다. (동적)

 

(2) 화살표 함수의 this

화살표 함수의 this 는 생기면서 바로 그 상위 스코프의 this 를 가리킵니다. (정적)

 

3. 객체

ohda 객체를 생성했습니다.

const ohda ={
    name : '오다',
    age : 100,
    color : 'pink'
}

 

 

객체를 분해해서 새롭게 할당할 수 있습니다. (객체 비구조화 할당 또는 객체 구조 분해)

const func = () => {
    const { name, age, color } = ohda;
    console.log(`
    이름은 ${name}
    나이는 ${age}
    좋아하는 색깔은 ${color} 입니다.`);
};

func();

// 결과:
//    이름은 오다
//    나이는 100
//    좋아하는 색깔은 pink 입니다.