Object.assign()\create()方法

1. Objcet.assign() \ Object.create()

面试题: 请问 v5 会输出什么?

const v1 = 123;
const v2 = '123';
const v3 = true;
const v4 = function test() { };

const v5 = Object.assign({}, v1, v2, v3, v4);

答？

2. Object.create()

Object.create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 —MDN

我们常见的该方法使用是 Object.create(null)来创建一个没有原型的空对象。很少使用第二个参数,这里我们重点介绍一个该方法的第二个参数。

该参数用于指定新创建对象的数据属性，必须是对象形式并以属性描述符的形式存在。例如：

let newobj = Object.create({ a: 1 }, {
  b: {
    value: 1,
    configurable: true,
    writable: true,
  },
  c: {
    value: '3',
    enumerable: true
  }
})

该函数以 {a:1}对象为原型创建一个新的对象newobj，该对象创建后将带有 b、c两个属性，值分别为1、“3”由value指定。

属性描述符configurable、writable、enumerable默认都为 false；

3. Object.assign()

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。

重点: 可枚举、源对象

Object.assign(target,...source);

**拷贝的过程:**使用源对象的 [[Get]] 和目标对象的 [[Set]]，所以会调用相关的 getter 和 setter。

⭐️在使用Object.assign拷贝时,源对象的描述符(get, set, configurable, 等)无法被拷贝过去,只能拷贝过去value值

手动封装 assign函数实现能够拷贝元对象的描述符

Object.myAssign = function (target, ...sources) {
  sources.forEach((source) => {
    const descriptors = Object.keys(source).reduce((descriptors, key) => {
      descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
      return descriptors;
    }, {});
    Object.defineProperties(target, descriptors);
  });
  return target;
}

4. 解答

有了以后上知识的铺垫，开始的题目就容易多了。

首先由于v1到v3都是常量值，v4是函数类型,在调用Object.assign()时由于函数要求必须是对象形式所以会隐式的进行封装

其次将常量值转化为对象形式后,还有要判断是否可枚举

// 隐式调用 Node.js环境下
const o1 = new Number(v1);
const o2 = new String(v2);
const o3 = new Boolean(v3);
const o4 = new Function(v4);

console.log(o1); //[Number: 123]
console.log(o2); //[String: '123']
console.log(o3); //[Boolean: true]
console.log(o4); //[Function: anonymous]

// o1~o4 是否都可以被枚举?
for (let k in o1) {
  console.log(k, o1[k]);
}
for (let k in o2) {
  console.log(k, o2[k]); //0 1    1 2    2 3
}
for (let k in o3) {
  console.log(k, o3[k]);
}
for (let k in o4) {
  console.log(k, o4[k]);
}

o1、o3、o4 均不能被枚举，打印为空,所以答案即为o2 : {0:“1”, 1:“2”, 2:“3”}

有问题欢迎指出讨论

b站搜索小野森森,对视频中的内容进行总结