본문 바로가기
Studying/JavaScript

JavaScript 기초 13 - 객체 - method, this

by giem 2022. 1. 11.
반응형
const person = {
  name : 'gm',
  age : 28,
  fitness : function() {
    console.log("운동을 좋아합니다.");
  }
}

 

method

위의 fitness처럼 객체 프로퍼티로 할당된 함수

const person = {
  name : 'gm',
  age : 28,
  fitness() {
    console.log("운동을 좋아합니다.");
  }
}

이렇게 줄여서 선언 가능

 

this

const person = {
  name : 'gm',
  age : 28,
  fitness() {
    console.log(this.name+"은 운동을 좋아합니다.");
  }
}

this로 자신의 프로퍼티 값 접근 가능

 

화살표 함수를 쓸 수 있나?

화살표 함수는 자신만의 this를 가지지 않음

그러므로 외부에서 값을 가져옴

 

브라우저 환경에서는 : window,

Node js 환경에서는 : global이 전역객체를 가져옴

 

method에서는 this를 쓰는 게 좋다고 하지만

this는 이해하기 약간 어려워서 나중에 추가로 정리

반응형

댓글