ch16-해설.md

Chapter16 프로퍼티 어트리뷰트

📌문제1

다음 문장의 true or false를 판단하세요.

(1) 존재하지 않는 프로퍼티나 상속받은 프로퍼티에 대한 프로퍼티 디스크립터를 요구하면 에러가 발생한다.
(2) 접근자 프로퍼티는 자체적으로 값(프로퍼티 어트리뷰트 [[Value]])을 가진다.
(3) [[Configurable]]의 값이 false인 경우 값을 변경하면 에러 없이 무시한다.

정답 및 해설

(1) false
(2) false
(3) true

(1) 221p
undefined를 반환한다.

(2) 225p
접근자 프로퍼티는 자체적으로 값을 가지지 않으며, 데이터 프로퍼티의 값을 읽거나 저장할 때 관여한다.

(3) 227p
[[Configurable]]의 값이 false인 경우에는 값을 변경할 수 없다.
이때 값을 변경하면 에러는 발생하지 않고 무시된다.

📌문제2

다음 코드의 실행 결과를 예측하세요.

const person = { name: "Jing" };
Object.freeze(person);

console.log(Object.getOwnPropertyDescriptors(person)); // (1)

person.age = 23;
console.log(person); // (2)

delete person.name;
console.log(person); // (3)

person.name = "JiEun";
console.log(person); // (4)

Object.defineProperty(person, "name", { configurable: true }); // (5)

정답 및 해설

(1)
  {
    name: {
      value: 'Jing',
      writable: false,
      enumerable: true,
      configurable: false
    }
  }
(2) { name: 'Jing' }
(3) { name: 'Jing' }
(4) { name: 'Jing' }
(5) TypeError: Cannot redefine property: name

231p

(1) freeze된 객체는 writable과 configurable이 false이다.

(2), (3), (4)
프로퍼티 추가, 삭제, 갱신은 금지되며, 수행시 무시된다.
단, strict mode에서는 에러가 발생한다.

(5)프로퍼티 어트리뷰트 재정의가 금지된다.

📌문제3

다음 실행 결과를 쓰시오

const obj = {
  a : 1,
  b : {
    c : 2
  }
}

Object.freeze(obj);
const descriptor = Object.getOwnPropertyDescriptor(obj, b);
console.log(descriptor);
obj.a = 2;
obj.b.c = 3;
console.log(obj);

정답 및 해설

{value: {c: 3}, writable: false, enumerable: true, configurable: false}
{a: 1, b: {c: 3}
obj.b의 값은 freeze 되어있기 때문에 writable, configurable 할 수 없다. (변경하거나 재정의할 수 없다).
하지만 중첩 객체일 시에는 변경을 막을 수 없다. 따라서 obj.b.c의 값은 변경된다.

📌문제4

객체 리터럴 선언방식(1)과 defineProperty방식(2)으로 선언했을떄 어트리뷰트(writable, enumerable,configurable) 정의의 차이점이 무엇인지 작성하시오.

정답 및 해설

객체 리터럴 방식으로 정의하게되면 전부 true로 정의되고, defineProperty방식으로 선언하게되면 전부 false로 정의된다.

📌문제5

출력결과를 예측하세요

const obj = {};

Object.defineProperties(obj, {
  firstName: {
    value: "deep",
    writable: true,
    enumerable: true,
    configurable: false,
  },

  lastName: {
    value: "dive",
    writable: true,
    enumerable: true,
    configurable: false,
  },
});


Object.defineProperties(obj, {
  firstName: {
    writable: false,
  },
});

console.log(Object.getOwnPropertyDescriptors(obj)); // (1)

Object.defineProperties(obj, {
  lastName: {
    writable: false,
    enumerable: false,
  },
});

console.log(Object.getOwnPropertyDescriptors(obj)); // (2)

정답 및 해설

1.
 {
	  firstName: {
	  value: "deep",
	  writable: false,
	  enumerable: true,
	  configurable: false,
	  },
	  lastName : {
	  value: "dive",
	  writable: true
	  enumerable: true,
	  configurable: false,
	  }
 }
configurable속성이 false라도, writable값을 true -> false로 변경은 가능하다.

2.
에러발생 -> TypeError: Cannot redefine property: lastName at Function.defineProperties 
configurable속성이 false로 정의되어있기때문에 enumerable속성을 변경할 수 없다.

📌문제6

프로퍼티 어트리뷰트의 종류로 Value, Writable, Enumerable, Configurable, Get, Set이 있습니다. 각각에 대해 간단히 설명하시오.

정답 및 해설

Value : 프로퍼티 키를 통해 프로퍼티 값에 접근하면 반환되는 값
Writable : 프로퍼티 값의 변경 가능 여부를 나타내며 불리언 값을 갖는다.
Enumerable : 프로퍼티의 열거 가능 여부를 나타내며 불리언 값을 갖는다.
Configurable : 프로퍼티의 재정의 가능 여부를 나타내며 불리언 값을 갖는다.
Get : 접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 읽을 때 호출되는 접근자 함수다.
Set : 접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 저장할 때 호출되는 접근자 함수다.