Illustration der Object.create-Methode in js (mit Codebeispiel)

Dieser Artikel stellt Ihnen die neue Methode Object.create() in ECMAScript 5 vor. Für diejenigen, die es nicht wissen, können Sie gerne sammeln und lernen~

ECMAScript 5 hat Object.create( ) code>-Methode standardisiert das Konzept der prototypischen Vererbung [Empfohlenes Lernen: <a href="//m.sbmmt.com/course/list/17.html" target="_blank">JavaScript-Video-Tutorial a> 】<code>Object.create() 方法将原型式继承的概念规范化【推荐学习：JavaScript视频教程】

用法

var obj = Object.create({name: 'johan', age: 23}) // obj 继承了属性name 和 age
var obj2 = Object.create(null) // obj2 不继承任何属性和方法
var obj3 = Object.create(Object.prototype) // 与 {} 和 new Object() 一个意思
var obj4 = Object.create({}, {
    property1: {
        value: true,
        writable: true
    }
}) // 第二个参数与 Object.defineProperties() 一致
图解 Object.create 实现
function create(proto) {
    function F(){}
    F.prototype = proto
    return new F()
}

第一步： function F(){}

即创建一个函数，因为约定首字母大写，视为构造函数，创建函数 F 时，F 构造函数与和它的原型对象就有了这一层的关系：

F.prototype === F.prototype; // 假设你把F.prototype当作一个值
F.prototype.constructor === F;

第二步：F.prototype = proto

即将 F.prototype 赋值为传入的 proto，如此就打破了F.prototype = F.prototype 以及 F.prototype.constructor = F ，它们的关系为

第三步：return new F()

var obj = Object.create({name: 'johan'})

Object.create(null)

Schritt 2: F.prototype = proto

F.prototype Zuweisen Wert für die übergeben proto , wodurch F.prototype = F.prototype und F.prototype.constructor = F gebrochen werden. Ihre Beziehung ist

var obj = Object.create(null)