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

# 객체 동적 바인딩

객체 동적 바인딩이란, 객체를 생성한 후에 property(속성)을 추가. 수정, 삭제해주는 것을 말합니다.

먼저, 객체의 속성을 변경할 때에는 아래와 같은 방법을 이용해 변경할 수 있습니다.

// person 객체 생성
const person = {
    name: "송우든",
    age: 24,
    favoriteFood: "떡볶이"
};

// 속성 변경
person.favoriteFood = "치킨";

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

 

마찬가지로 객체의 속성을 추가해줄 때도 같은 방법을 사용합니다.

// 속성 추가
person.major = "ComputerScience";
person.greeting = function (){
    console.log(`안녕하세요 ${this.name}입니다!`);
};

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

 

또는 속성의 이름을 직접 입력하여 추가해줄 수 있습니다.

person['major'] = "ComputerScience";

 

객체의 속성을 삭제할 때는 삭제할 속성 앞에 delete를 붙여 사용합니다. 이렇게 삭제된 속성이 객체에 존재하는지를 확인할 때에는 아래와 같이 in 연산자를 이용해 확인할 수 있습니다.

delete person.age;

console.log("age" in person) // false