关于js的对象原型继承

Posted 夜月天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js的对象原型继承相关的知识,希望对你有一定的参考价值。

本章讨论使用new一个构造函数来创建一个对象。

前期知识点说明:

1、prototype是函数的一个属性,每个函数都有一个prototype属性。这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。

2、__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。

 

首先上代码:

//构造函数
function Cat(name) {
    this.name=name||\'某只猫\';
    this.say=function(){return `Hello, ${this.name}!`;};
}

var kitty = new Cat(\'Kitty\');

kitty对象是使用Cat构造函数创建的一个对象。

使用new创建对象可以分作两个步骤:

1、通过 Cat构造函数中的属性和方法(this后面的) 去 创建一个对象。也就是说,创建的这个对象包含Cat构造函数中的属性和方法(this后面的)。

2、将 新创建的对象的__proto__指向Cat.prototype(因为Cat是一个函数)。如果Cat.prototype没有申明其他的属性和方法的话,Cat.prototype中只有一个constructor和它自身的__proto__属性(因为Cat.prototype也是一个对象),这个constructor属性就指向这个Cat构造函数(因为只有函数才有prototype属性,从变量监视器里面可以看到,如下图)。

 

具体的关系如下图:

 

以上是关于关于js的对象原型继承的主要内容,如果未能解决你的问题,请参考以下文章

关于对象构造函数原型原型链继承

关于JS原型原型链继承的问题

关于js中的原型问题

关于JS 的原型和原型链

js 继承与原型链

Js中的对象构造函数原型原型链及继承