es5クラスでのメソッド連鎖

Question

CurrentUser = function(){} 
CurrentUser.prototype = { 
    record: undefined 
} 
CurrentUser.prototype.is = { 
    get _parent() {return CurrentUser.prototype}, 

    get signedIn() { 
     return !!this._parent.record 
    } 
} 
User = new CurrentUser 
User.record = {name:'Joe'} 
User.is.signedIn //false 

ここで私がしようとしているのは、新しいユーザーを作成し、データ（レコード）を与え、それに基づいて彼がsignedInであると判断しますsignedIn）。

実際には、Userインスタンスにアクセスする代わりに、User.is.signedInゲッターがCurrentUser.prototypeにアクセスしています。そしてCurrentUser.prototype.recordはundefined - User.is.signedInとなり、falseが返されます。

Answer 1

私たちはisゲッターが_parentにこれを割り当てる経由CurrentUser.prototypeへの参照を保持するオブジェクトを返すように（私は解決策を見つけた後Bergiの答えを見て）

CurrentUser.prototype = { 
    record: undefined, 
    get is() { return { 
     _parent: this, 
     get signedIn() {return !!this._parent.record} 
    }} 
} 

User = new CurrentUser 
User.record = {name:'Joe'} 
User.is.signedIn //true 

これをやってしまいました。そして、このオブジェクトには、_parentにアクセスするとCurrentUser.prototypeにアクセスする独自のゲッターがあります。 Voila！
Btw isゲッターの中に他の多くのメソッドgetterがある場合、それをスタンドアロンオブジェクトにリファクタリングしてObject.defineProperty()でCurrentUser.prototypeに追加することができます。

PS
多くは連鎖クラスメソッドに対して助言誰もなぜを言うことができませんでした。
私は自分のコードができるだけ人間の言語に近くなるようにしています - そしてUser.is.signedInはちょうど私によく見えますUser.isSignedIn;また、is関連のチェックをisメソッドの中に入れていますので、User名前空間を混乱させることはありません。

Answer 2

class CurrentUser { 
    constructor(){ 
    this.record = null; 
    } 

    get isSignedIn(){ 
    return !!this.record; 
    } 

} 

const user = new CurrentUser; 
console.log(user.isSignedIn); 

user.record = {what:"ever"}; 
console.log(user.isSignedIn); 

単純にゲッターをプロトタイプ自体の中に入れて、サブオブジェクトに入れないでください。

Answer 3

いいえ、方法はありません。

策1（this結合ルールを微調整するcall方法を使用して）：

function Foo() { 
 
    this.x = 10; \t 
 
    } 
 
    
 
    Foo.prototype.bar = { 
 
    baz: function() { 
 
    return this.x; \t 
 
    } \t 
 
    }; 
 
    
 
    var y = new Foo(); 
 
    
 
    console.log(y["bar"]["baz"].call(y));

策2（我々がインスタンス化時Foo.prototype.barにインスタンス化されたオブジェクトへの参照を追加） ：

function Foo() { 
 
Foo.prototype.bar._this = this; 
 
this.x = 10; 
 
} 
 

 
Foo.prototype.bar = { 
 
baz: function() { 
 
return this._this.x; \t 
 
} \t 
 
}; 
 

 
var y = new Foo(); 
 

 
console.log(y["bar"]["baz"]());

はthis質問、またはthis oneを参照してください。

Answer 4

私は本当にこれを避けるために推薦するしかしあなたは

CurrentUser = function(){} 
CurrentUser.prototype = { 
    record: undefined, 
    get is() { 
     var parent = this; 
     return { 
      get signedIn() { 
       return !!parent.record; 
      } 
     }; 
    } 
}; 
var user = new CurrentUser 
user.record = {name:'Joe'} 
user.is.signedIn // true 

を探しているように見えます。簡単なisSignedIn()メソッドをプロトタイプに入れ、それを使って完了します。