为什么在声明函数引用继承参数的同时在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的全局变量（在宽松模式下），但这都不是理想的结果。

更多：

• MDN上的Function.prototype.call
• “ this”关键字如何工作？
• 通过伪经典实例化（JavaScript）掌握原型继承 （讨论这种模式）