Question

我想这样做，因为我的项目通常使用如下的快捷变量：

(function() {
    var world = new World(),
        Event = world.Event,
        Guide = world.Guide;

    Event.add('updateUI', function() {
        // 1st: Correct, the value of 'this' refers to a world
        this.Guide.show('UI updated');
        // 2nd: Ok because 'world' was defined in outer scope
        world.Guide.show('UI updated');
        // 3rd: Ok because 'Guide' was defined in outer scope
        Guide.show('UI updated');
    });
})();

如果我将Event.add('updateUI', function() { ... });移动到其他文件，则只有第一个语句（this.Guide.show）有效。如何防止此函数使用外部作用域的world或Guide变量，以便第二个和第三个语句从一开始就会抛出错误。

use strict非常接近于此，但它只会阻止您访问全局对象。

更新以使此问题更加清晰：主要问题是：有没有办法阻止函数在外部作用域中查找变量？如果没有方法，请解释原因，因为我认为这是合理的需要。

Answer 1

您可以使用阴影。如果在函数内部显式声明变量（而不是初始化它），函数将使用此变量而不是外部作用域中的同名变量。

示例：

var outer = 'foo';

function isolated () {
  var outer;
  console.log(outer);
};

isolated(); // output undefined

这应该可以满足您的需求。

还有另一种方法，但这是一个丑陋的黑客，可能无法在某些浏览器上工作（IE？）。

以下是一个例子：

var outer = 'foo';

function isolated () {
  console.log(outer);
};

var e = eval;
// will throw exception: 'outer' is not defined
console.log(e('('+isolated.toString()+')()'));

eval和e并不完全相同。 'true'eval可以访问整个范围，但是如果你复制它，那么javascript引擎可以通过不使外部范围可用于被破坏的代码来优化它。

然而：不要那样做！

首先：它依赖于function.toString（）将输出函数代码的事实。这不是规范的一部分，所以不可靠（虽然适用于v8和spidermonkey）。
第二：eval应该避免，它会使调试成为一场噩梦（你无法访问有用的堆栈跟踪），存在性能和安全问题，并且你很快就会遇到一个糟糕的代码维持。

Answer 2

不知道你为什么要这样做，但是使用简短的例子：

(function(theFunk) {
    var world = new World(),
        Event = world.Event,
        Guide = world.Guide;

    Event.add('updateUI',theFunk);

})(function(){
        this.Guide.show('UI updated');  // 1st: depends on what you do with it
        world.Guide.show('UI updated'); // 2nd: will fail (depends on global)
        Guide.show('UI updated');       // 3rd: will fail (depends on global)
});

阻止函数在外部作用域中查找变量

2 个答案: