[JavaScript] 10. 자바스크립트 객체 동적 바인딩

💡객체 동적 바인딩

객체 생성 후에 객체 속성(property)를 추가/수정/삭제하는 것을 의미

아래와 같은 person 객체를 이용해 속성을 추가/수정/삭제해보도록 할게요!

const person = {
	name : "송우든",
  	age : 25,
  	major : "computer"
};

💡객체 속성(property) 추가하기

아래와 같이 .을 통해 추가하거나 직접 속성의 이름을 추가해줄 수 있어요.

person.favoriteFood = "떡볶이"
// person['favoriteFood'] = "떡볶이"

메서드 또한 아래와 같은 방식을 통해 추가해줄 수 있습니다.

person.greeting = function() {
	console.log("안녕하세요! ${this.name}입니다.!"};
};

person.greeting(); // 출력 : 안녕하세요! 송우든입니다.!

💡객체 속성(property) 수정하기

객체의 속성을 변경할 때에도 위와 같은 방법을 사용합니다.

// 속성 변경
person.favoriteFood = "치킨";
console.log(person); // 출력 : { name: '송우든', age: 24, favoriteFood: '치킨' }

💡객체 속성(property) 삭제하기

마지막으로 객체를 삭제할 때에는 삭제할 속성 앞에 delete를 붙여서 사용하는데요!

delete person.age;

이렇게 삭제 후에는 in 연산자를 통해 삭제된 속성이 객체에 존재하는지 확인할 수 있습니다.

console.log("age" in person) // 출력 : fasle

이상으로 객체 동적 바인딩에 대해 간단하게 정리해보았습니다:)

참고 자료 및 사이트

JAVASCRIPT.INFO