爲什麼在JavaScript中使用'this'時聲明瞭引用繼承參數的函數？

Question

我是javascript新手，我不明白爲什麼'this'被用作調用原型的實際參數旁邊的參數...在提供的圖像中，您可以看到它的使用示例。 那麼爲什麼需要添加'this'作爲參數呢？它究竟做了什麼？

'use strict'; 
function Animal(voice){ 
this.voice = voice || 'grunt' 
} 

Animal.prototype.speak = function(){ 
display(this.voice) 
} 

function Cat(name, color){ 
Animal.call(this, 'Meow') 
this.name = name 
this.color = color 
} 

Cat.prototype = Object.create(Animal.prototype) 

var Fluffy = new Cat('Fluffy', 'White') 

Fluffy.speak() 

Answer 1

這

Animal.call(this, 'Meow'); 

...使用，以便調用Animal內，this將把它指的是Cat內同樣的事情，讓Animal套在同一個實例上提供它的實例屬性。如果你只是做了Animal('Meow')，當Animal寫到this.voice，它會拋出一個錯誤（在嚴格模式下）或者添加一個名爲voice的全局變量（鬆散模式），這兩者都不是期望的結果。

更多：

• Function.prototype.call on MDN
• How does the "this" keyword work?
• Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)（其中談到這種模式）