JavaScript コードの再利用パターンの分析例_JavaScript スキル

/* Closure*/var extend = (function () { var F = function () { }; return function (C, P) { F.prototype = P.prototype; C.prototype = new F (); C.uber = P.prototype; CC.prototype.constructor = C; }} ());function Parent(name) { this.name = name 'Adam';}// プロトタイプに発言を追加しますFunction Parent.prototype.say = function () { return this.name;};// 子コンストラクター function Child(name) {}inherit(Child, Parent);var kid = new Child();console.log(kid . name); // unknownconsole.log(typeof kid.say); // functionkid.name = 'Patrick';console.log(kid.say()); // Patrickvar kid("Tom"); .log(kid.say()); console.log(kid.constructor.name); // Childconsole.log(kid.constructor === Parent); // false 問題は変わらず、Child はパラメータを正常に受信できません。 。

モード 6: klass
このモードでは、次のコードから始めましょう:
var klass = function (Parent, props) { var Child, F, i / /
1. // 新しいコンストラクター Child = function () { if (Child.uber && Child.uber.hasOwnProperty("__construct")) { Child.uber.__construct.apply(this, argument); Child .prototype.hasOwnProperty("__construct")) { Child.prototype.__construct.apply(this, argument) } }; //
2. ParentParent = 関数を継承します。 { }; F.prototype = Parent.prototype; Child.prototype = new F(); ChildChild.prototype.constructor = Child; in props) { if (props.hasOwnProperty(i)) { Child.prototype[i] = props[i] } }
// "クラス" return Child;};var Man = klass(null, { __construct: function (what) { console.log("Man のコンストラクター"); getName: function () { return this.name }});var first = new Man('Adam' ) ;
// "人間のコンストラクター" をログします first.getName();
// "アダム" var SuperMan = klass(Man, { __construct: function (what) { console.log("スーパーマンのコンストラクター") ; }, getName: function () { var name = SuperMan.uber.getName.call(this); return "私は " name; }});var clark = new SuperMan('Clark Kent');clark.getName( ) ;
// 「私はクラーク・ケントです」console.log(clarkinstanceofMan);
//trueconsole.log(clarkinstanceofSuperMan);