|
使用Object.create()实现继承:https://www.cnblogs.com/cuew1987/p/4075027.html
一、常见继承方式
我们日常开发中常见的继承方式主要有： 1、默认模式：
|
1
|
Child.prototype = new Parent();
|
2、借用构造函数：
|
1
2
3
|
function Child(a, b, c, d) {
Parent.apply(this, arguments);
}
|
3、借用和设置原型:
|
1
2
3
4
|
function Child(a, b, c, d) {
Parent.apply(this, arguments);
}
Child.prototype = new Parent();
|
4、共享原型：
|
1
|
Child.prototype = Parent.prototype;
|
5、使用临时构造函数：
|
1
2
3
|
var Proxy = function() {};
Proxy.prototype = Parent.prototype;
Child.prototype = new Proxy();
|
6、extend属性复制：
|
1
2
3
4
5
6
7
8
9
10
11
|
function extend(parent, child) {
child = child || {};
for(var key in parent) {
if(parent.hasOwnProperty(key)) {
child[key] = parent[key];
}
}
return child;
}
|
当然在一些javascript库中（jQuery），还存在浅复制和深复制。 7、原型继承模式：
二、Object.create实现继承
本文将来学习第七种继承方式Object.create()方法来实现继承，关于此方法的详细描述，请戳这里。下面来通过几个实例来学习该方法的使用：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
var Parent = {
getName: function() {
return this.name;
}
}
var child = Object.create(Parent, {
name: { value: "Benjamin"},
url : { value: "http://www."}
});
console.log(child);
console.log(child.getName());
|
我们再来看一个例子，再添加一个继承：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
var Parent = {
getName: function() {
return this.name;
},
getSex: function() {
return this.sex;
}
}
var Child = Object.create(Parent, {
name: { value: "Benjamin"},
url : { value: "http://www."}
});
var SubChild = Object.create(Child, {
name: {value: "zuojj"},
sex : {value: "male"}
})
console.log(SubChild.url);
console.log(SubChild.getName());
console.log(Child.sex);
console.log(Child.getName());
|
通过上面可以看出Object.create()方法实现了链式继承，及原型链的继承。如果在控制台打印出各个生成的对象，可以很清楚的看到。
|
1
2
3
4
|
console.log(Child.isPrototypeOf(SubChild));
console.log(Parent.isPrototypeOf(Child));
|
isPrototypeOf() 方法测试一个对象是否存在于另一个对象的原型链上。 以上就是本文对Object.create方法的描述，文中不妥之处，还望批评指正。
来源：https://www./content-4-462801.html
|
