我的问题是:
function Foo()
{
this.foo = "bar"; // <- What is "this" here?
}
据我所知,它取决于如何Foo
使用,即作为构造函数还是作为函数。this
在不同的情况下可以是什么?
我的问题是:
function Foo()
{
this.foo = "bar"; // <- What is "this" here?
}
据我所知,它取决于如何Foo
使用,即作为构造函数还是作为函数。this
在不同的情况下可以是什么?
的this
关键字是指功能所属的对象,或window
对象如果函数不属于任何对象。
用于OOP代码中,引用函数所属的类/对象,例如:
function foo() {
this.value = 'Hello, world';
this.bar = function() {
alert(this.value);
}
}
var inst = new foo();
inst.bar();
这提醒: Hello, world
您可以this
使用apply()
或call()
函数操作引用哪个对象。(有时非常非常方便的功能)
var bar1 = new function() {
this.value = '#1';
}
var bar2 = new function() {
this.value = '#2';
}
function foo() {
alert(this.value);
}
foo.call(bar1); // Output: #1
foo.apply(bar2, []); // Output: #2
阅读道格拉斯·克罗克福德 (Douglas Crockford) 对此事的看法,引用他从JavaScript 编程语言调查中的话:
函数是一个对象。它可以像其他对象一样包含成员。这允许一个函数包含它自己的数据表。它还允许一个对象充当一个类,包含一个构造函数和一组相关的方法。
函数可以是对象的成员。当函数是对象的成员时,它被称为方法。有一个特殊的变量,称为 this,在调用对象的方法时设置为该对象。
例如,在表达式 foo.bar() 中,this 变量被设置为对象 foo 作为函数 bar 的一种额外参数。然后功能栏可以参考这个来访问感兴趣的对象。
在像 do.re.mi.fa() 这样更深层次的表达式中,this 变量被设置为对象 do.re.mi,而不是对象 do。在一个简单的函数调用中,它被设置为全局对象(又名窗口),这不是很有用。正确的行为应该是保留 this 的当前值,尤其是在调用内部函数时。
此外,'this' 可以根据您的函数的调用方式而改变,阅读apply function和call function。
我建议您花时间从 JavaScript 最伟大的头脑之一中学习他的(免费)演示文稿,链接从这里。
在 JavaScript 中,约定(这只是约定)是任何以大写字母开头的函数都将用作构造函数。然后,有人会打电话
var foo = new Foo()
并且this
将引用即将被 引用的新创建的对象foo
。
当然,没有什么可以阻止您Foo()
自行调用,在这种情况下,this
将引用调用函数的对象。为避免混淆,不建议这样做。
这取决于该函数的使用方式,我们可以使用两种基本类型的函数
会一一看到
1.功能
var example = function () {
console.log(this);
};
example();
Output : window
这里的'this'关键字指向window对象。
默认情况下,这应该始终是 window 对象,它指的是根 - 全局范围。所以当我们 console.log(this); 从我们的函数中,因为它被窗口调用(只是被调用),我们应该期望 this 值是我们的窗口对象:
2.函数作为对象
var example = function () {
console.log(this);
};
var obj = new example();
Output : example {}
这里的“this”关键字指向新创建的示例对象。
在 JavaScript 中,一切都是对象,甚至是函数。当你this.foo
在下面的代码中说
function Foo()
{
this.foo = "bar"; // <- What is "this" here?
}
foo
成为Foo
对象的成员变量