このコードでは、これは何を参照していますか？

Question

私はプログラミングが初めてで、これはtutsplusのチュートリアルからのものです。 このコードではthisは何を参照していますか？

function addToCart(price) { 
    if (this.total) { 
     this.total = 0; 
    } 

    this.total += price; 
    return this.name + '\'s cart total is £' + this.total; 
} 

Answer 1

あなたが上に投稿したコードは、私には100％正確ではありません。 Tutのチュートリアルのアイデアは、Javascript Object Oriented Programmingの基礎を教えることです。

上記の例を使用して、ここでコメント付きのJSfiddleを作成しました。私はこれが少しあなたの質問に答えるのを助けることを願っています。ここで

https://jsfiddle.net/iamjpg/vtndfL1y/

JSは、上記のフィドルの内側にある：

// Define function which will be our Object 
function cart(name) { 

    // Define a name for cart. Default to 'Bob' if undefined. 
    this.name = name || 'Bob'; 

    // addToCart method on object. 
    this.addToCart = function(price) { 

    // If there is no total, set the total to zero. 
    if (!this.total) { 
     this.total = 0; 
    } 

    // Increment total by passed in price parameter 
    this.total += price; 

    // Return the string containing the total value. 
    return this.name + '\'s cart total is £' + this.total; 
    } 
} 

// Construct cart object 
var cart = new cart('Mario'); 

// Set event listener on the button. 
document.getElementById('cart_button').onclick = function() { 

    // On each click, update the cart price incrementing by 5. 
    document.getElementById('price').innerHTML = cart.addToCart(5); 
}