使用 Object.create实现js 继承

 

二、Object.create实现继承

本文将来学习第七种继承方式Object.create()方法来实现继承，关于此方法的详细描述，请戳这里。下面来通过几个实例来学习该方法的使用：

 

 

var Parent = {

    getName: function() {

        return this.name;

    }

}

 

var child = Object.create(Parent, {

    name: { value: "Benjamin"},

    url : { value: "http://www.zuojj.com"}

});

 

//Outputs: Object {name: "Benjamin", url: "http://www.zuojj.com", getName: function}

console.log(child);

 

//Outputs: Benjamin

console.log(child.getName());

我们再来看一个例子，再添加一个继承：

 

 

var Parent = {

    getName: function() {

        return this.name;

    },

    getSex: function() {

        return this.sex;

    }

}

 

var Child = Object.create(Parent, {

    name: { value: "Benjamin"},

    url : { value: "http://www.zuojj.com"}

});

 

var SubChild = Object.create(Child, {

    name: {value: "zuojj"},

    sex : {value: "male"}

})

 

//Outputs: http://wwww.zuojj.com

console.log(SubChild.url);

 

//Outputs: zuojj

console.log(SubChild.getName());

 

//Outputs: undefined

console.log(Child.sex);

 

//Outputs: Benjamin

console.log(Child.getName());

通过上面可以看出Object.create()方法实现了链式继承，及原型链的继承。如果在控制台打印出各个生成的对象，可以很清楚的看到。

 

//Outputs: true

console.log(Child.isPrototypeOf(SubChild));

//Outputs: true

console.log(Parent.isPrototypeOf(Child));

isPrototypeOf() 方法测试一个对象是否存在于另一个对象的原型链上。 以上就是本文对Object.create方法的描述，文中不妥之处，还望批评指正。

 

//来自：http://www.2cto.com/kf/201411/349571.html

转载于:https://www.cnblogs.com/zhujiasheng/p/6220664.html