[2021.03.22] Object.create(), Object.assign()

[bucketHaneul]

Object.create()

• 객체 상속시, prototype을 연결한다고 볼 수있다.
• 주로 객체를 상속하기 위해 사용하는 메서드다. 첫 번째 인자를 상속하며, 두 번째 인자의 속성들을 추가로 구성한다.

new와 Object.create()의 차이

function Dog(){
    this.pupper = 'Pupper';
};

Dog.prototype.pupperino = 'Pups.';

var maddie = new Dog();

//Using New Keyword
console.log(maddie.pupper); // Pupper      
console.log(maddie.pupperino); // Pups.

var buddy = Object.create(Dog.prototype);

//Using Object.create()
console.log(buddy.pupper); // undefined
console.log(buddy.pupperino); // Pups.

• new는 생성자 코드를 실행한다.
• Object.create()는 프로토타입만 연결한다.
• new()가 더 빠르다

Object.assign()

• Object.assign()메소드는 모든 열거 가능한 속성의 값을 복사하는 데 사용된다.
• 첫번째 인자로 들어오는 객체에 두번째 인자로 들어오는 객체의 프로퍼티들을 복사한다.

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

const copiedObj = Object.assign(target, obj);

console.log(copiedObj); //{c: 3, a: 1, b: 2}

- shallow copy이다.
```javascript
const person = {
  age: 100,
  name: {
    first: 'junwoo',
    last: 'park'
  }
};

const copied = Object.assign({}, person);

person.age = 1000;
person.name.first = 'paul';
// person객체의 프로퍼티를 바꾸면, copied 객체의 프로퍼티가 바뀐다.
console.log(copied.age);    // 100
console.log(copied.name.first); // 'paul'

출처

• https://oizys18.github.io/2020-06-25/18_Object.create-Object.assign