Javascript组合继承方法代码实例解析-创新互联
创新互联专业为企业提供湘阴网站建设、湘阴做网站、湘阴网站设计、湘阴网站制作等企业网站建设、网页设计与制作、湘阴企业网站模板建站服务,10年湘阴做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
当前名称:Javascript组合继承方法代码实例解析-创新互联
转载注明:http://scyanting.com/article/dshjjj.html
组合继承
组合继承,指将原型链和借用构造函数的技术组合到一块,从而发挥二者之长的一种继承模式。其背后思路使用用原型链实现对原型属性和方法的继承,而通过构造函数来实现对实例属性的继承。这样,即通过在原型上定义方法实现了函数复用,又能够保证每个实例都有它自己的属性。
下面来看一个例子
function SuperType(name) { this.name = name; this.color = ['red', 'blue', 'green']; }; // SuperType.prototype.sayName = function() { console.log(this.name); }; // function SubType(name, age) { //继承属性 SuperType.call(this, name); // 第二次调用SuperType // this.age = age; }; //继承方法 SubType.prototype = new SuperType(); // 第一次调用SuperType console.log(SubType.prototype.constructor); //输出SuperType函数的源码,即此时SubType.prototype.constructor指向SuperType函数 SubType.prototype.constructor = SubType; //将SubType.prototype.constructor指针指回SubType函数 SubType.prototype.sayAge = function() { console.log(this.age); }; // var instance1 = new SubType('Jake', 20) instance1.color.push('black'); console.log(instance1.color); //'red,blue,green,black' instance1.sayName(); //'Jake' instance1.sayAge(); //20 // var instance2 = new SubType('Greg', 21); console.log(instance2.color); //'red,blue,green' instance2.sayName(); //'Greg'; instance2.sayAge(); //21
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前名称:Javascript组合继承方法代码实例解析-创新互联
转载注明:http://scyanting.com/article/dshjjj.html