原型-prototype
原型关系图
关于 instanceof
obj instanceof Fn;
1
实际上
instanceof运算符并不会检查obj是否是由Fn()构造函数初始化而来，而会检查obj是否继承自 Fn.prototype 。 -- 《JavaScript 权威指南 第3版》P205
function FirstSon() {
}
function SecondSon() {
}
function Father () {
}
var father = new Father();
FirstSon.prototype = father;
SecondSon.prototype = father;
var firstSon = new FirstSon();
console.log(firstSon instanceof SecondSon); // true
console.log(firstSon instanceof Father); // true
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
这也说明，instanceof操作符要检测操作符右边的构造函数是否位于操作符右边对象的原型链上。
Object.getPrototypeOf() 和 Function.prototype
构造函数fn的原型，即构造函数fn的protoype属性fn.prototype，仅当函数fn作为构造函数时，fn.prototype才有存在的意思，fn.prototype存在默认值，但可以被改写。
每个对象都会有个内置的__proto__属性（非标准），ES5 提供了Object.getPrototypeOf()方法来获取对象上的__proto__属性，该属性指向产生该对象的构造函数的prototype属性，比如var obj = new Object(), 这里Object.getPrototypeOf(obj)的值即为Object.prototype。
function Super() {}
var superInstance = new Super();
var Sub = new Function();
Sub.prototype = superInstance;
Object.getPrototypeOf(superInstance) === Super.prototype; // true
Object.getPrototypeOf(Sub) === Function.prototype; // true
Sub.prototype === superInstance; // true
Sub.prototype === Object.getPrototypeOf(Sub); // false
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
继承
借用构造函数
原型式继承
组合继承
function SuperType(name) {
this.name = name;
this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function () {
alert(this.name);
};
function SubType(name, age) {
//继承属性 SuperType.call(this, name);
this.age = age;
}
//继承方法
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function () {
alert(this.age);
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20