继承与原型,constructor属性,instanceof运算

1.JavaScript 规定,每个函数都有一个prototype属性,指向一个对象

  • 对于构造函数来说,生成实例的时候,该属性会自动成为实例对象的原型
  • 原型对象属性不是实例对象自身的属性。只要修改原型对象,变动就立刻会体现在所有实例对象上。

2.当实例对象本身没有某个属性方法的时候,它会到原型对象去寻找该属性或方法。

3.JavaScript 规定,所有对象都有自己的原型对象(prototype)。

  • 任何一个对象,都可以充当其他对象的原型
  • 由于原型对象也是对象,所以它也有自己的原型

4.所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的prototype属性。也就是说,所有对象继承Object.prototype的属性。

5.Object.prototype的原型是nullnull没有任何属性和方法,也没有自己的原型。因此,原型链的尽头就是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(混入)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值