#js继承

js继承的概念

js里常用的如下两种继承方式:

原型链继承(对象间的继承)
类式继承(构造函数间的继承)

类式继承是在子类型构造函数的内部调用超类型的构造函数。

严格的类式继承并不是很常见,一般都是组合着用:

function Super(){
    this.colors=["red","blue"];
}
 
function Sub(){
    Super.call(this);
}

原型式继承是借助已有的对象创建新的对象,将子类的原型指向父类,就相当于加入了父类这条原型链

原型链继承

为了让子类继承父类的属性(也包括方法),首先需要定义一个构造函数。然后,将父类的新实例赋值给构造函数的原型。代码如下:

function Parent(){
        this.name = 'mike';
    }

    function Child(){
        this.age = 12;
    }
    Child.prototype = new Parent();//Child继承Parent,通过原型,形成链条

    var test = new Child();
    alert(test.age);
    alert(test.name);//得到被继承的属性
    //继续原型链继承
    function Brother(){   //brother构造
        this.weight = 60;
    }
    Brother.prototype = new Child();//继续原型链继承
    var brother = new Brother();
    alert(brother.name);//继承了Parent和Child,弹出mike
    alert(brother.age);//弹出12

对象冒充

function Cat(n) {
    this.name = n;
}

var obj = {};

// obj 替代里面的this, 称为 对象冒充
Cat.call(obj, "猫猫");

// 猫猫
console.log(obj.name);
function Cat(a, b) {
    console.log(a, b);  
}

// call 的第1个参数,其实就是函数内部的this
//        第2个参数,其实就是函数的第1个形参
//        第3个参数,其实就是函数的第2个形参
//        第4个参数,其实就是函数的第3个形参
//        ... 依次顺延
// Cat.call(null, "猫猫", "狗狗");

// apply 的第1个参数,其实就是函数内部的this
//        第2个参数,必须是数组
//               数组的第1个元素  ,其实就是函数的第1个形参
//               数组的第2个元素  ,其实就是函数的第2个形参
Cat.apply(null, [1, 2]);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文链接 js的继承有6种方式,大致总结一下它们各自的优缺点,以及它们之间的关系。 1.原型链 js的继承机制不同...
    空_城__阅读 833评论 0 11
  • 借用构造函数继承 原型链式继承(借用原型链实现继承) 组合式继承 组合式继承优化1 组合式继承优化2 ES6中继承...
    lxt410725阅读 363评论 0 1
  • JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...
    SEELE7阅读 520评论 0 0
  • 在高级语言中,面向对象是个很重要的概念。一提到面向对象,我们都会想到三大特征——封装,继承,多态。 本文详解jav...
    JamHsiao_aaa4阅读 3,242评论 0 20
  • 一瞬是一款想要打造全新生活记录方式的APP,每天记录1.2秒的一瞬间,每天的一瞬会连接成一段长视频。一瞬的这个创意...
    包小qian阅读 280评论 0 1

友情链接更多精彩内容