ループを引き起こすJavaScriptプロトタイプで 'this'を返すのはなぜですか

Question

私はこのスーパーシンプルなJSオブジェクトを使いこなしていました。これを実行すると、「最大呼び出しスタックサイズエラー」が出るまで、obj.toStringが繰り返し呼び出されます。しかし、obj.typeの 'this'を 'this.name'に戻すと、すべて正常に動作します。私は通常、これだけを返すわけではないことを認識していますが、なぜ私はそれをループに巻き込んでいますか？

var Dog = function(name){ 
    this.name = name; 
} 
Dog.prototype.type = function(){ 
    return this; 
} 
Dog.prototype.toString = function(){ 
    //console.log(this.type()) 

    return "Dog's name: " + this.type(); 
} 

var spot = new Dog('spot'); 
console.log(spot.toString()); 

Answer 1

javascriptでオブジェクトを文字列にすると、toString（）関数が呼び出されます。

この場合、カスタムtoString（）関数があります。クール。

それでは、これをトレースしてみましょう：

1. console.log(spot.toString())
2. return "Dog's name: " + this.type();
3. return this;
4. // Hmmmm. How do we add "this" to our string. Easy we call toString().
5. return "Dog's name: " + this.type();
6. return this;
7. // Hmmmm. How do we add "this" to our string. Easy we call toString().
8. return "Dog's name: " + this.type();
9. return this;

ええとああ....

Answer 2

var Dog = function(name){ 
    this.name = name; 
} 
Dog.prototype.type = function(){ 
    return this; 
} 
Dog.prototype.getName = function(){ 
    //console.log(this.type()) 

    return "Dog's name: " + this.type(); // <- Calls toString method 
} 
Dog.prototype.toString = function(){ 
    return this.name; 
}; 

var spot = new Dog('spot'); 
console.log(spot.getName()); 

Answer 3

私はtoString方法であなたのreturn文がreturn "Dog's name: " + this.name;べきであると信じています。