核心思想:使用.call()和.apply()将父类构造函数引入子类函数,也就是在子类构造中调用父类构造同时使用this实现继承,用父类的构造函数来增强子类实例,等同于复制父类的实例给子类
注:.call()和.apply()作用是一样的,唯一的区别就是传参的时候,call 需要把参数按顺序传递进去,而 apply 则是把参数放在数组里
操作方式:
-
定义父类型构造函数
-
定义子类型的构造函数
-
给子类型的原型添加方法
-
创建子类型的对象然后调用
// 定义父类型构造函数 function SuperType(name) { this.name = name; this.showSupperName = function () { console.log(this.name); }; } // 定义子类型的构造函数 function SubType(name, brother) { // 在子类型中调用call方法继承自SuperType //this指代的是上下文 SuperType.call(this, name); this.brother= brother; } // 给子类型的原型添加方法 SubType.prototype.showSubName = function () { console.log(this.name); }; // 创建子类型的对象然后调用 var subType = new SubType("宋江", 108); subType.showSupperName(); subType.showSubName(); console.log(subType.name); console.log(subType.brother);
上面代码运行结果为:
宋江
宋江
宋江
108
仔细思考一下,这种方法其实是有一定的缺点的,首先这种方法压根就没有用到父类原型,所以不能继承父类原型属性和方法。其次无法实现构造函数的复用,每个子类都有父类实例函数的副本,影响性能,代码会臃肿