[Javascript] Object - 메서드와 this

메서드 만들기

---

✔️ 객체의 프로퍼티에 함수를 할당할 수 있는데 그것을 메서드라고 부름.

✔️ 이미 정의된 함수를 이용해서 만들수도 있다.

 

//객체에 메서드 추가하기
let user = {
  name:"John",
  age:30
};

user.sayHi = function(){
  alert('hi');
}

user.sayHi(); //hi

//이미 선언된 함수를 메서드로 등록하기
let user = {
  ...
}

function sayHi(){
  alert('hi');
}

user.sayHi = sayHi;

user.sayHi(); //hi

 

메서드 단축 구문

//일반적인 객체 내 메서드 선언
user = {
  sayHi : function(){
    alert('hi');
  }
}

//단축구문을 이용해 메서드 선언
user = {
  sayHi(){
    alert('hi');
  },
  name:'seyoung',
  age:'27'
}

 

메서드와 this

---

✔️ 메서드 내부에서 this 키워드를 사용하면 객체에 접근할 수 있다.

 

let user = {
  name:"John",
  age:30,
  sayHi(){
  	alert(this.name);
  }
}

user.sayHi(); // John

 

Reference

• https://ko.javascript.info/object-methods