javascript - 为什么在这种情况下内部函数无法访问外部变量？

Question

根据这段代码:

class Thing {
    constructor() {
        this.bar = (typeof foo !== "undefined"? foo : null); // (3)
    }

    static create() {
        var foo = arguments[0];
        return new Thing();
    }
}

新的 Thing 可以通过两种方式创建:直接使用 new Thing 或使用 Thing.create()。

第二种方式创建时，声明了一个新的变量string。从理论上讲，它应该在 return 语句的所有范围内可见，但在 Thing.constructor() 中(在 Thing.create( )) 未看到 string。并且 Thing.prototype.bar 始终为 null。

为什么会这样？

---

这里是从inner()函数中看到的:

(function outer() {
    var foo = 5;

    (function inner() {
        alert(foo);
    })()
})();

Answer 1

Theoretically, it should be visible within all the scope down to the return statement

没有。

它不会对同一范围内调用的任何函数可见。我将对同一范围内创建的任何函数可见。

并且在此示例中，constructor() 函数的作用域高于 string 变量。

这会起作用:

class Thing {
    constructor(prop) {
        this.prop = prop;
    }

    static create() {
        return new Thing(arguments[0]);
    }
}

顺便说一下，这只是语法糖:

function Thing(prop) {
    this.prop = prop;
}
Thing.create = function () {
    return new Thing(arguments[0]);
};