Question

Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
};

从克罗克福德的好零件中偷走了。当代码返回'this'时，在这种情况下'this'引用是什么？

当我在js代码中看到'this'时，我总是问自己这是因为我知道js是时髦的，带有这个词（即'this'实际上引用了全局变量，当它在嵌套函数中使用时）

Answer 1

在扩展Function.prototype时，this将引用一个函数实例。

示例：

function foo() {};

foo.method(); // `this` refers to foo

有四种不同的调用函数的方法，它们决定this引用的内容。 MDN有一个good article。

简而言之：

简单函数调用：全局对象（浏览器中为window）
对象方法：对象（即obj.method()，this引用obj）（我们在您的示例中就是这种情况）
使用new关键字：一个空对象，继承自函数原型
call / apply：无论你作为第一个参数传递什么

Answer 2

在此上下文中，this是对Function实例的引用。

Answer 3

this指的是构造函数，它调用它的method方法。例如，你可以这样做：

function Car(color){
  this.color = color || 'blue';
}

Car.method('showcolor',function(){return this.color;});
//^Car is a constructor function, so 'this' in 'method' refers to Car here

var redcar = new Car('red'), yellowcar = new Car('yellow'); 
alert(redcar.showcolor()); //=> red
alert(yellowcar.showcolor()); //=> ... you guessed it!

当它在原型中时，它的引用是什么？

3 个答案: