美文网首页
原型链最简单说明

原型链最简单说明

作者: 游击队员张铁砣 | 来源:发表于2019-04-10 16:46 被阅读0次

10.原型链实现继承

不搞那些概念性的东西,直接说结论了,实现继承的方式就是:
将第一个构造函数的原型等于第二个构造函数的实例,然后第一个构造函数的所有实例都会拥有第二个构造函数的所有自有属性以及原型属性

function Person(){
    this.a = 1;
    this.b = 2;
}
function PersonNext(){
    this.shareOne = "one";
    this.shareTwo = "two";
}
PersonNext.prototype.cc = function(){
    alert(11);
}
pNext = new PersonNext();

Person.prototype = pNext;    //将Person的原型等于PersonNext的实例,这样写会将Person的原型全部替换,之前写的原型属性都会被替换
Person.prototype.fa = function(){  //在替换之后写的属性才会生效
    alert("aha!")
}

per1 = new Person();
per1.hasOwnProperty("a");   //true

per1.shareOne;    //one
per1.hasOwnProperty("shareOne");   //false

per1.cc;  //f () {alert(11)}
per1.hasOwnProperty("cc");  //false

per1.fa;  //f () {alert("aha")}
per1.hasOwnProperty("fa");  //false

相关文章

  • 原型链最简单说明

    10.原型链实现继承 不搞那些概念性的东西,直接说结论了,实现继承的方式就是:将第一个构造函数的原型等于第二个构造...

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • javaScript实现继承的几种方式

    1.原型链继承(最简单的继承) 说明:1.原型链继承其实可以用一句话总结:拿父类实例来充当子类原型对象;2.上面这...

  • 原型链最简单理解

    每个函数有一个原型对象,函数在创建时有一个默认属性 prototype,这个属性指向函数的原型对象 对函数进行 n...

  • 读《javaScript高级程序设计-第6章》之继承

    读这篇之前,最好是已读过我前面的关于对象的理解和封装类的笔记。 一、原型链 原型链最简单的理解就是:原型对象指向另...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • 对原型链的理解

    1,什么是原型链 简单来说就是对象和构造函数之间连接的一个链条 简称原型链 2,原型链的作用 可以通过原型链继承构...

  • 原型链以及方法执行顺序

    前言 快节奏的世界,大家都想要快,因此我把构造函数与原型链分文章说明。想具体了解构造函数与原型、原型链之间的关系可...

  • React中的 prototype

    使用prototype构建自定义对象。prototype是原型链属性,每个对象都有自己的原型链。看起来很简单,拿个...

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

网友评论

      本文标题:原型链最简单说明

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