Question

我对通话或申请更改this参考不感兴趣。仅仅为了我自己的兴趣，我正在尝试另一种需要javascript的技术，这将使得一些更清晰的定义，并且目标是不必为我的定义传递数组或双引用模块名称。

我在函数上使用toString和eval有一个示例解决方案（只是一个概念验证），但我想知道是否有更安全或更有效的方法来执行此操作。

// Sample module libraries (would probably be in their own files)
someModules = { 
    testModule: {test: function(){console.log("test from someModule")}},
    anotherModule: { doStuff: function(){console.log("Doin stuffs!");}}
};

sampleRequire = function() {

    // Load the modules
    for (var i=arguments.length-2; i>=0; --i){

        // Create a local variable reference to the module
        eval ('var '+arguments[i]+' = someModules.'+arguments[i].toString());
    }

    // Redefine the programmer's function so that it has my local vars in its scope
    eval("var fn = "+arguments[arguments.length-1]);

    return fn;
}

// Main code...
sampleRequire( 'testModule', 'anotherModule',
    function(){ 
        testModule.test();
        anotherModule.doStuff();
    }
)();

修改

Pointy提出了一个很好的观点，即这将完全破坏主要功能的范围，这通常是不可接受的。理想情况下，我希望看到模块变量被添加到函数的作用域而不会破坏其他作用域变量（模块名称除外 - 程序员必须知道不要对两件事使用相同的名称）。我打赌这可能是不可能的，但我仍然希望看到一些想法。

另一个目标是灵活地执行此操作，而无需将每个模块的参数添加到主函数中。否则我们会回到CommonJS风格的方方面面（我不打算对抗，只是对范围感到好奇！）。

Answer 1

我倾向于说“你做错了”。使用未声明的变量绝不是一个好主意，即使你可以。

这是将模块写入全局对象的另一个hack。但是，这可能会对主函数调用的方法产生副作用。

sampleRequire = function() {

    var cache = {};
    var moduleNames = [].slice.call(arguments);
    var fn = moduleNames.pop();

    return function () {
        var result, name, i;
        // export modules to global object
        for (i = 0; i < moduleNames.length; i++) {
            name = moduleNames[i];
            cache[name] = window[name]; // remember old values
            window[name] = someModules[name];
        }
        result = fn.apply(null, arguments);
        // restore original global stuff
        for (i = 0; i < moduleNames.length; i++) {
            name = moduleNames[i];
            window[name] = cache[name];
        }
        return result;
    };
}

我还尝试使用with关键字，这基本上是为了你想要的。但是，在这种情况下，如果没有eval，它似乎无效。

Answer 2

我想不出任何其他方式去做你想要的事情。我还怀疑这可能是eval中不是 evil 的少数用例之一。但请记住，模块可能依赖于它们的范围，这可能会破坏它们。

Answer 3

如下：

someModules = { 
  testModule: {test: function(){console.log("test from someModule")}},
  anotherModule: { doStuff: function(){console.log("Doin stuffs!");}}
};

function requireModules() {
  var all = [];
  for (var i = 0, l = arguments.length; i<l; i++) {
    all.push(someModules[i]);
  }
  return all;
}

(function(testModule,anotherModule){
  testModule.test();
  anotherModule.doStuff();
}).apply(null,requireModules('testModule','anotherModule'));

在Javascript中更改函数的变量范围

3 个答案: