1.JavaScript 规定,每个函数都有一个prototype
属性,指向一个对象。
- 对于构造函数来说,生成实例的时候,该属性会自动成为实例对象的原型。
- 原型对象的属性不是实例对象自身的属性。只要修改原型对象,变动就立刻会体现在所有实例对象上。
2.当实例对象本身没有某个属性或方法的时候,它会到原型对象去寻找该属性或方法。
3.JavaScript 规定,所有对象都有自己的原型对象(prototype)。
- 任何一个对象,都可以充当其他对象的原型。
- 由于原型对象也是对象,所以它也有自己的原型。
4.所有对象的原型最终都可以上溯到Object.prototype
,即Object
构造函数的prototype
属性。也就是说,所有对象都继承了Object.prototype
的属性。
5.Object.prototype
的原型是null
。null
没有任何属性和方法,也没有自己的原型。因此,原型链的尽头就是null
。
6.prototype
对象有一个constructor
属性,默认指向prototype
对象所在的构造函数。
7.constructor
属性的作用是,可以得知某个实例对象,到底是哪一个构造函数产生的。
8.constructor
属性表示原型对象与构造函数之间的关联关系,如果修改了原型对象,一般会同时修改constructor
属性,防止引用的时候出错。
function Person(name) {
this.name = name;
}
Person.prototype.constructor === Person // true
Person.prototype = {
method: function () {}
};
Person.prototype.constructor === Person // false
Person.prototype.constructor === Object // true
上面代码中,构造函数Person
的原型对象改掉了,但是没有修改constructor
属性,导致这个属性不再指向Person
。由于Person
的新原型是一个普通对象,而普通对象的constructor
属性指向Object
构造函数,导致Person.prototype.constructor
变成了Object
。
9.instanceof
运算符返回一个布尔值,表示对象是否为某个构造函数的实例。
10.instanceof
运算符的左边是实例对象,右边是构造函数。它会检查右边构造函数的原型对象(prototype),是否在左边对象的原型链上。
11.instanceof
运算符只能用于对象,不适用原始类型的值。
12.构造函数继承。
- 第一步是在子类的构造函数中,调用父类的构造函数。
- 第二步,是让子类的原型指向父类的原型。
function Shape() {
this.x = 0;
this.y = 0;
}
Shape.prototype.move = function (x, y) {
this.x += x;
this.y += y;
console.info('Shape moved.');
};
第一步,子类继承父类的实例
function Rectangle() {
Shape.call(this); // 调用父类构造函数
}
另一种写法
function Rectangle() {
this.base = Shape;
this.base();
}
第二步,子类继承父类的原型
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;
var rect = new Rectangle();
rect instanceof Rectangle // true
rect instanceof Shape // true
单个方法的继承
ClassB.prototype.print = function() {
ClassA.prototype.print.call(this);
// some code
}
13.多重继承。
- JavaScript 不提供多重继承功能,即不允许一个对象同时继承多个对象。但是,可以通过变通方法,实现这个功能。
function M1() {
this.hello = 'hello';
}
function M2() {
this.world = 'world';
}
function S() {
M1.call(this);
M2.call(this);
}
继承 M1
S.prototype = Object.create(M1.prototype);
继承链上加入 M2
Object.assign(S.prototype, M2.prototype);
指定构造函数
S.prototype.constructor = S;
var s = new S();
s.hello // 'hello'
s.world // 'world'
子类S同时继承了父类M1和M2。这种模式又称为 Mixin(混入)