代码复用深入了解javascript

/*代码复用
*/
/*一、避免
*/
/*模式1&＃xff1a;默认模式
*/function Parent() {this.name &＃61; "123";}Parent.prototype.say &＃61; function () {return this.name;}function Child(name) { }Child.prototype &＃61; new parent();var kid &＃61; new Child();kid.name &＃61; "abc";kid.say(); //abc// 缺点:不能让参数传进给Child构造函数var s &＃61; new Child(&＃39;Seth&＃39;);console.log(s.say()); // "123"/*二、推荐
*/
// 1. 模式1&＃xff1a;原型继承function object(o) {function F() {}F.prototype &＃61; o;return new F();}// 要继承的父对象var parent &＃61; {name: "Papa",};// 新对象var child &＃61; object(parent);// 父构造函数function Person() { // an "own" property this.name &＃61; "Adam";}// 给原型添加新属性Person.prototype.getName &＃61; function () {return this.name;};// 创建新personvar papa &＃61; new Person();// 继承var kid &＃61; object(papa);console.log(kid.getName()); // "Adam"// 继承原型var kid &＃61; object(Person.prototype);console.log(typeof kid.getName); // "function",因为是在原型里定义的console.log(typeof kid.name); // "undefined", 因为只继承了原型//使用ECMAScript5/* 使用新版的ECMAScript 5提供的功能 */var child &＃61; Object.create(parent);var child &＃61; Object.create(parent, {age: { value: 2 }// ECMA5 descriptor
});console.log(child.hasOwnProperty("age")); // true// 2. 模式2&＃xff1a;复制所有属性进行继承// 3. 模式3&＃xff1a;混合&＃xff08;mix-in&＃xff09;
// 4. 模式4&＃xff1a;借用方法