Почему «this» используется в javascript при объявлении функции для ссылки на унаследованный параметр?

Question

Я новичок в javascript, и я не понимаю, почему «это» используется в качестве параметра наряду с фактическим параметром для вызова прототипа ... В представленном изображении вы можете увидеть пример его использования. Так почему же нужно добавить '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) (который говорит об этой модели)