美文网首页
原型链实现继承

原型链实现继承

作者: 小黑哥啊哈哈 | 来源:发表于2019-03-27 22:13 被阅读0次

原型链

原型链示意图

image.png

使用原型链实现继承

function People() {
  this.sayhi= function() {
    console.log(this.name+this.age);    
  }
}
function Teacher(name,age) {
  this.name=name;
  this.age = age;
}
Teacher.prototype = new People();

var Ta= new Teacher("java",21);
Ta.sayhi();// java 21



这是怎么回事呢? 原型链在哪?

听我细细道来~

首先 Teacher 实例对象Ta是没有sayhi 这个方法的,在代码执行时,首先会在Teacher 实例对内部寻找这个方法,如果没有找到,会从实例对象的_proto _属性中寻找,这个属性就是Teacher 函数对象的prototype 指向的对象,即声明的People 实例对象。

在这个people 对象中找到了sayhi()方法,将此返回,如果没有找到,于是找proto属性,prototype 指向的对象。这样就形成一套完整的原型链。

相关文章

  • 构造函数原型的继承方式分析

    1.通过原型链继承 综上我们可以总结出 通过原型链来实现继承的原理通过原型链来实现继承的原理原型链继承方案中,父类...

  • 【javascript】继承

    javascript只支持实现继承,而且继承主要是依靠原型链来实现的。 原型链 javascript将原型链作为实...

  • js基础之实现继承的几种方式

    js 实现继承的方式有: 原型链继承; 构造函数继承; 组合继承(原型链继承 + 构造函数继承)(最常用);(原型...

  • 达摩碎碎念--继承

    ECMAScript中只支持实现继承,而实现继承主要是依靠原型链来实现的。 1.原型链 原型链的主要思想是利用原型...

  • 2018-06-01 js模拟继承

    这篇主要讲了 构造函数实现继承 原型链实现继承 构造函数+原型链实现继承(两种) 1: call() apply(...

  • JavaScript实现继承

    实现继承分为多种方式,但主要还是通过原型链来实现的。 原型链继承 原型链继承就是使子类的原型指向父类构造出来的实例...

  • JavaScript继承方式详解

    JavaScript实现继承的方式主要有两种: 原型链继承和借助构造函数继承 一、原型链继承 原型链继承的主要思想...

  • Javascript 面向对象的程序设计(原型链与继承)

    继承 原型链 讲原型的时候提到过继承,设计原型的初衷就是为了继承,原型链是实现继承的主要方法。那什么是原型链,还记...

  • js实现继承的几种方式

    js实现继承有几种方式,这里我们主要探讨 原型链继承 构造继承 组合继承(原型链和构造继承组合到一块,使用原型链实...

  • JavaScript面向对象的程序设计——继承

    ECMAScript支持实现继承,主要依赖于原型链来实现。 原型链 原型链的基本思想是利用原型让一个引用类型继承另...

网友评论

      本文标题:原型链实现继承

      本文链接:https://www.haomeiwen.com/subject/qldxbqtx.html