가자미의 개발이야기

[JS] 함수와 객체 본문

HTML & CSS & JS/JS

[JS] 함수와 객체

가자미 2021. 3. 16. 20:44

#자바스크립트의 특이한 문법을 정리

 

화살표함수

const add =(a, b)=> a+b;

const sum = add(1,2);
console.log(sum);

const 선언으로 화살표 함수로 액션을 정의할 수 있다.

 

객채와 비구조 할당

const dog ={
    name : '멍멍이',
    age : 2,

}
const {dogName}=dog;
console.log(dogName);

 

객체 안에 함수 넣기

const cat ={
    name='kitty',
    sound='yao',
    say: function(){//화살표함수 사용하면 this가 뭔지 모름
        console.log (this.sound);
    }
}

객체 안에 함수를 넣을 때 주의해야 할 점은 화살표 함수 안에 this를 활용하는 경우, this가 해당 객체를 가르키지 못한다. 화살표 함수는 그냥 독립된 액션으로 파악하자.

'HTML & CSS & JS > JS' 카테고리의 다른 글

[JS] 프로토타입  (0) 2021.03.17
[JS] reduce 문  (0) 2021.03.17
[JS] 인덱스 관련 함수와 map, filter  (0) 2021.03.17
[JS] 독특한 반복문 (for of, for in, for each)  (0) 2021.03.17
[JS] GET 함수와 SET 함수  (0) 2021.03.17