const o = {};

// 내부 슬롯은 자바스크립트 엔진의 내부 로직이므로 직접 접근할 수 없다.
o.[[Prototype]]; // Uncauhgt SyntaxError: Unexpected token '['
// 단, 일부 내부 슬롯과 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공한다.
o.__proto__

const person = {
  name: "Seo",
}

// 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체를 반환한다.
console.log(Object.getOwnPropertyDescriptor(person, "name"))

// {value: 'Seo', writable: true, enumerable: true, configurable: true};

const person = {
  name: "Seo",
}

// 프로퍼티 동적 생성
person.age = 20

// 모든 프로퍼티의 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체들을 반환한다.
console.log(Object.getOwnPropertyDescriptors(person))

/*
    {
        name: {value: 'Seo', writable: true, enumerable: true, configurable: true},
        age: {value: 20, writable: true, enumerable: true, configurable: true}
    }
*/

const person = {
  firstName: "Daewon",
  lastName: "Seo",

  // getter 함수
  get fullName() {
    return `${this.firstName} ${this.lastName}`
  },
  // setter 함수
  set fullName(name) {
    ;[this.firstName, this.lastName] = name.split(" ")
  },
}

// 데이터 프로퍼티를 통한 프로퍼티 값의 참조.
console.log(person.firstName + " " + person.lastName)

// 접근자 프로퍼티를 통한 프로퍼티 값의 저장.
// 접근자 프로퍼티 fullName에 값을 저장하면 setter 함수가 호출된다.
person.fullName = "Sangwon Seo"
console.log(person) // {firstName: "Sangwon", "Seo"};

// 접근자 프로퍼티를 통한 값의 참조
// 접근자 프로퍼티 fullName에 접근하면 getter 함수가 호출된다.
console.log(person.fullName)

// firstName은 데이터 프로퍼티다.
// 데이터 프로퍼티는 [[Value]], [[Writable]], [[Enumerable]], [[Configurable]]
// 프로퍼티 어트리뷰트를 갖는다.
let descriptor = Object.getOwnPropertyDescriptor(person, "firstName")
console.log(descriptor)
// {value: "Sangwon", writable: true, enumerable: true, configurable: ture}

// fullName은 접근자 프로퍼티다.
// 접근자 프로퍼티는 [[Get]], [[Set]], [[Enumerable]], [[Configurable]]
// 프로퍼티 어트리뷰트를 갖는다.
descriptor = Object.getOwnPropertyDescriptor(person, "fullName")
console.log(descriptor)
// {get: f, set:f, enumerable: true, configurable: true}

// 일반 객체의 __proto__는 접근자 프로퍼티다.
Object.getOwnPropertyDescriptor(Object.prototype, "__proto__")
// {get: f, set: f, enumerable: false, configurable: true};

Object.getOwnPropertyDescriptor(function () {}, "prototype")
// {value: {...}, writable: true, enumerable: false, configurable: false}

const person = {}

// 데이터 프로퍼티 정의
Object.defineProperty(person, "firstName", {
  value: "Daewon",
  writable: true,
  enumerable: true,
  configurable: true,
})

Object.defineProperty(person, "lastName", {
  value: "Seo",
})

let descriptor = Object.getOwnPropertyDescriptor(person, "firstName")
console.log("firstName", descriptor)
// firstName {value: 'Daewon', writable: true, enumerable: true, configurable: true}

descriptor = Object.getOwnPropertyDescriptor(person, "lastName")
console.log("lastName", descriptor)

// [[Enumerable]]의 값이 false 인 경우
//  해당 프로퍼티는 for...in 문이나 Object.keys 등으로 열거할 수 없다.

console.log(Object.keys(person))

// [[Writable]]의 값이 false인 경우 해당 프로퍼티의 [[Value]]의 값을 변경할 수 없다.
// 이때 값을 변경하면 에러는 발생하지 않고 무시된다.
person.lastName = "Kim"

// [[Configurable]]의 값이 false인 경우 해당 프로퍼티를 삭제할 수 없다.
// 이때 프로퍼티를 삭제하면 에러는 발생하지 않고 무시된다.
delete person.lastName

// [[Configurable]] 값이 false인 경우 해당 프로퍼티를 재정의할 수 없다.
// Object.defineProperty(person, 'lastName', {enumerable: true});
// Uncaught TypeError: Cannot redefined property: lastName;

descriptor = Object.getOwnPropertyDescriptor(person, "lastName")
console.log("lastName", descriptor)

// 접근자 프로퍼티 정의
Object.defineProperty(person, "fullName", {
  get() {
    return `${this.firstName} ${this.lastName}`
  },

  // setter 함수
  set(name) {
    ;[this.firstName, this.lastName] = name.split(" ")
  },
  enumerable: true,
  configurable: true,
})

descriptor = Object.getOwnPropertyDescriptor(person, "fullName")
console.log("fullName", descriptor)

person.fullName = "Sangwon Seo"
console.log(person)

const person = { name: "Seo" }

// person 객체는 확장이 금지된 객체가 아니다.
console.log(Object.isExtensible(person)) // true;

// person 객체의 확장을 금지하여 프로퍼티 추가를 금지한다.
Object.preventExtensions(person)

// person 객체는 확장이 금지된 객체다.
Object.isExtensible(person) // false;

// 프로퍼티 추가가 금지된다.
person.age = 20 // 무시 strict 모드에서는 에러
console.log(person) // {name: 'Seo'};

// 프로퍼티 추가는 금지되지만 삭제는 가능하다.
delete person.name
console.log(person) // {}

// 프로퍼티 정의에 의한 프로퍼티 추가도 금지된다.
// Object.defineProperty(person, 'age', { value: 20 });
// TypeError: Cannot defined property age, object is not extensible

const person = {
  name: "Seo",
  address: { city: "Seoul" },
}

// 얕은 객체 동결
Object.freeze(person)

// 직속 프로퍼티만 동결한다.
console.log(Object.isFrozen(person)) // true;
// 중첩 객체까지 동결하진 못한다.
console.log(Object.isFrozen(person.address)) // false;

person.address.city = "Busan"
console.log(person) // {name: 'Seo', address: {city: 'Busan'}};

function deepFreeze(target) {
  // 객체가 아니거나 동결된 객체는 무시하고 객체이고 동겨되지 않은 객체만 동결한다.
  if (target && typeof target === "object" && Object.isFrozen(target)) {
    Object.freeze(target)
    /*
            모든 프로퍼티를 순회하면서 재귀적으로 동결한다. 
            Object.keys 메서드는 객체 자신의 열거 가능한 프로퍼티 키를 배열로 반환한다.
            forEach 메서드는 배열을 순회하며 배열의 각 요소에 대하여 콜백 함수를 실행한다. 
        */
    Object.keys(target).forEach(key => deepFreeze(target[key]))
  }
  return target
}

const person = {
  name: "Seo",
  address: { city: "Seoul" },
}

// 깊은 객체 동결

deepFreeze(person)

console.log(Object.isFrozen(person)) // true

console.log(Object.isFrozen(person.address)) // true

person.address.city = "Busan"

console.log(person) // {name: 'Seo', address: {city: 'Seoul'}}