美文网首页
js的继承机制

js的继承机制

作者: 王牡丹爱写作 | 来源:发表于2019-06-03 17:02 被阅读0次

1.原型链继承(过多的继承无用的属性)
2.借用构造函数的方式继承
3.共享原型

      function inherit(Target,Origin){
          Target.prototype = Origin.prototype;
      }
    function Father() {}
    Father.prototype.lastName = "Chen";
    function Son() {}
    inherit(Son, Father);

    var son=new Son();
    console.log(son.lastName);//Chen
    Son.prototype.lastName="liu";
    console.log(son.lastName);//liu
    var f=new Father();
    console.log(f.lastName);//liu
  • 特点:当改造其中的一个构造函数的原型的时候,另一个构造函数的原型也受到影响。
    4.圣杯模式
function inherit(Target, Origin) {
    function F() {};//解决不同类型的构造函数之间污染的问题
    F.prototype = Origin.prototype;
    Target.prototype = new F();
    Target.prototype.constructor = Target;//解决构造函数执行错误的问题
    Target.prototype.uber = Origin.prototype;//z
}
function Father() {
}
Father.prototype.lastName = "Chen";
function Son() {
}
inherit(Son, Father);
var father = new Father();
var son = new Son();
Son.prototype.sex = "male";
console.log(son.sex);         //male
console.log(father.sex);     //undefined
console.log(son.constructor); //function Son(){...}

5.雅虎继承(闭包实现私有化属性)(推荐使用)

var inherit = (function (){
    var F = function () {};
    return function (Target, Origin){
        F.prototype = Origin.prototype;
        Target.prototype = new F();
        Target.prototype.constructor = Target; 
        Target.prototype.uber = Origin.prototype;
    }
}());

相关文章

  • JS中基于原型实现继承

    本文不会对于JS中的继承机制进行深入研究,只聊js中基于原型实现继承的方式,如果需要了解JS中的继承机制及其相关背...

  • js继承机制

    什么是原型 构造函数在创建的过程中,系统会自动创建出来与构造函数关联的一个空的对象,由构造函数.prototype...

  • js的继承机制

    1.原型链继承(过多的继承无用的属性)2.借用构造函数的方式继承3.共享原型 特点:当改造其中的一个构造函数的原型...

  • JavaScript 中的继承

    JS 继承机制的设计思想 Brendan Eich, 借鉴 C++ 和 Java ,把 new 命令引入了 JS,...

  • javascript中的原型链与继承

    javascript中的原型链与继承javascipt中的原型链和继承机制是这门语言所特有的,但js中的原型机制也...

  • js继承

    原文链接 js的继承有6种方式,大致总结一下它们各自的优缺点,以及它们之间的关系。 1.原型链 js的继承机制不同...

  • JS && RN 学习Blog推荐

    JS教程: JavaScript教程 prototype原型链的解说:Javascript继承机制的设计思想l 怎...

  • JS六种继承继承方式优缺点

    js的继承有6种方式,大致总结一下它们各自的优缺点,以及它们之间的关系。 1.原型链 js的继承机制不同于传统的面...

  • 浅谈JavaScript原型、原型链的概念与继承的实现原理

    关于js对象的继承,es5和es6提供了两种不同的继承机制。es5通过修改原型链的方式实现继承,由此可见继承与原型...

  • 原型链的理解

    看一个实例 需要知道 要理解原型和原型链首先要知道几个概念: 在js里,继承机制是原型继承。继承的起点是 对象的原...

网友评论

      本文标题:js的继承机制

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