匿名函数的上下文是什么？

Question

我有这样的代码：

function demo() {
    this.val=5;
    function() {
        this.val=7;
    }();
}

现在，当我在 firefox 或 chrome 控制台中执行此代码时，它会出现语法错误。我不明白为什么这是一个错误，因为我已经读过 javascript 函数是对象，所以当我调用匿名函数时，其中的 this 指向函数演示，应该将 val 更改为 7，所以如果我愿意

var x=new demo();
x.val;   //should give 7

但是当我这样做时

function demo() {
    this.val=5;
    var f=function() {
            this.val=7;
    }();
}
window.val;    // gives 7

我不明白函数是否是对象，那么为什么匿名函数中的this 指向window 而不是demo。 请解释一下。

Answer 1

我不明白为什么这是一个错误

因为

function() {
    this.val=7;
}();

被评估为函数声明，并且函数声明需要一个名称。要将其解释为函数表达式，您需要将其放在括号中：

 (function() {
    this.val=7;
 }());

（使其成为立即函数）

或将函数分配给变量：

var f = function() {....};
f();

您在第二个 sn-p 中所做的是两者的混合，虽然有效，但没有多大意义。 f 的值为 undefined。

我不明白函数是否是对象，那么为什么匿名函数中的 this 指向 window 而不是 demo。

函数不继承调用它们的上下文。每个函数都有自己的this，this 所指的内容由如何函数调用决定。基本上可以归结为：

• “独立”（func()）或作为即时函数（(function(){...}())）：this 将引用全局对象（浏览器中的window）

• 作为对象的属性 (obj.func())：this 将引用 obj

• 使用 new ^[docs] 关键字 (new Func())：this 指的是继承自 Func.prototype 的空对象

• apply ^[docs] 和 call ^[docs] 方法（func.apply(someObj)）：this 指的是someObj

---

进一步阅读：

• MDC JavaScript Guide - Functions
• MDC JavaScript Reference - Function and functions scope
• ECMAScript 5, Section 13 - Function Definition

Answer 2

你可以像这样做你所描述的：

function demo() {
    var self=this;

    this.val = 5;

    var f = (function() {
        self.val = 7;
    })();
}