谈谈继承

        恩,在我们前端来说不应该出现继承,继承一般只是针对后端语言,如java,c++来说,主要是类的继承,正所谓的多态,前端却没有了类的概念,何谈继承?(es5)前面我们讲到继承,要知道JavaScript的强大,没有什么是做不到的,虽然没有后端语言的那么强大,但是该有的东西都还是有的。话不多说,上代码。

第一种方式,call借用

function A(){
this.name = 'jack';
}
function B(){
this.age = 23;
A.call(this);//这里运用call来将A中的所有属性挂载到B中的this中
}
var b = new B()
b //B {age: 23, name: "jack"}
//注意,只是将A中内部的this定义的所有属性或是方法都将copy到B中的this中,并无法继承到A原型链中的方法或是属性

第二种方式,原型继承

function C(){this.habby='game'}
C.prototype = new B() //注意,在这里实例化B时会将C中的prototype的constructor指向B故而需要改正其指向
//实现多继承 可以使用Object.assign()方法合并实例
//需要注意,想要在C原型链中添加方法或是属性的话务必需要在 new B之后添加,实际上prototype也是一个对象,执行上述语句实际就是将prototype的指向改变为B的实例对象,故而在这之前添加的原型链中的方法或是属性是无效的。
C.prototype.constructor = C;
c = new C()
c.age //23
c.name //"jack"
c.habby //"game"
//注意,由C创建的实例对象,是共享该原型链中的所有属性或是方法

第三种方式,构造函数

function B(){
var a = new A;
a.age = 12;
return a;
}
b = new B
b // A {name: "jack", age: 12}
b instanceof B //false
//注意,这里构建的b不是B的实例,而是属于A的实例

第四种,通过遍历实例copy

function B(){
for(var p in new A()){
B.prototype[p] = A[p];
}
}

一般常用的也就这几种了

百度未收录
分享