Object.create()的理解

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

先看三个例子

var person = {
    name: 'yangyfian',
    age: 18
};
var newPerson = Object.create(person);
console.log(newPerson)

/**
* __proto__:
*   name: yangyifan,
*   age: 18
*   __proto__:
*       constructor: Object
**/
复制代码

function Person(name, age) {
    this.name = name;
    this.age = age;
}
var person = new Person('yangyifan', 18);
console.log(person);

/**
* __proto__:
*   name: yangyifan
*   age: 18
*   __proto__:
*       constructor: Person
**/
复制代码

function Person(name, age){
    this.name = name;
    this.age = age;
}
var person = new Person('yangyifan', 18);
var newPerson = Object.create(person);
console.log(newPerson)

/**
* __proto__:
*   name: yangyfian
*   age: 18
*   __proto__:
*       constructor: Person
**/
复制代码

Object.create()的语法

Object.create(proto, [proprttiesObject)

通过上边的例子其实我们可以看到

• proto其实就是一个对象
• 而这个对象指向的当前所属类的原型(__proto__)则是我们通过Object.create()得到的对象指向的当前所属类原型(__proto__)
• 由此可知，Object.create()得到的对象也是proto(参数)的当前所属类的实例

所以，其实最简单我们可以这样实现

Object.newcreate = function (obj) {
    var F = function () {};
    F.prototype = obj;
    return new F()
}
复制代码

function Person(name, age) {
    this.name = name;
    this.age = age;
}
var person = new Person('yangyifan', 18)
var newPerson = Object.newcreate(person)
console.log(newPerson)
/**
* __proto__:
*  name: 'yangyifan'
*  age: 18
*    __proto__:
*      constructor: Person
**/
复制代码

var person = {
    name: 'yangyfian',
    age: 18
};
var newPerson = Object.newcreate(person);
console.log(newPerson)
/**
* __proto__:
*   name: 'yangyifan'
*   age: 18
*   __proto__
*       constructo: Object
**/
复制代码

综上所述，Object.create()到底做了什么？

• 创建一个类
• 把类的prototype指向参数对象
• 返回这个类的实例

具体有什么作用

• 实现继承，把父类的私有属性继承为子类的公有属性
• 实现了对象的浅拷贝

以上都是参考MDN以及其他人的文章以及从控制器打印得到的，很多不足，有什么写的不对的地方希望大佬们提出，新人一枚，希望包容，嘻嘻

转载于:https://juejin.im/post/5c9df4e36fb9a05e4c0e5db3