美文网首页
js继承的实现

js继承的实现

作者: 想回到童年 | 来源:发表于2017-11-22 21:11 被阅读0次

继承

继承我们在这里只说常用的3种

1.原型链继承
记住3句话 每个实例都包含一个指向原型对象的指针 每个原型对象都包含一个指向构造函数的指针 每个构造函数都有一个原型对象

function person(){
    this.name = "wang";
}
person.prototype.name = "ze";
person.prototype.getName=function(){
    console.log(this.name);
}
function student(){
    this.name = "li";
}
function child(){
    this.name = "zhang";
}
student.prototype = new person();        //重点
child.prototype = new student();            //重点
var xue = new student();
var child = new child();
xue.getName(); 
child.getName();

2.构造函数继承
在子类型构造函数的内部调用超类型构造函数

function Animal(name){
    this.name = name;
}
function Cat(name){
    Animal.call(this,name)              //重点
}
var cat = new Cat("miaomiao");
console.log(cat);

3.组合式继承
将原型链继承与构造函数继承结合起来就ok,好处把共同的方法和属性放在原型上,把有差异的当构造函数处理

function Animal(name){
    this.name = name;
}
Animal.prototype.getName=function(){
    console.log(this.name)
}
function Cat(name){
    Animal.call(this,name)
}
Cat.prototype = new Animal();
var cat = new Cat("miaomiao");
console.log(cat);

相关文章

  • JS中继承的实现

    JS中继承的实现 #prototype (js原型(prototype)实现继承) 全局的Function对象没有...

  • js继承

    js继承js 继承-简书 原型链实现集继承 上面的代码实现原型链继承最重要的son.prototype=new f...

  • JS继承的实现的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是非常强大的特性之一,那么如何在JS实现继承呢? JS继承的实现方式 既...

  • js中的继承-原型与原型链

    面向对象的语言支持两种继承方式,接口继承和实现继承js无法实现接口继承,只支持实现继承,主要通过原型链来实现。具体...

  • [读] JS中的call()和apply()方法

    JS中的call()和apply()方法 实现继承 多重继承

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • JavaScript 10

    js继承的概念 1.通过原型链方式实现继承(对象间的继承) 2.类式继承(构造函数间的继承) 由于js不像Java...

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

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

  • 继承方式(6种)1.7

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。 JS继承...

网友评论

      本文标题:js继承的实现

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