javascript - 在私有(private)范围内包含 JS 文件

Question

我只是想要包含一个 JS 文件的能力，但不希望在全局范围内对其进行评估。

我浏览了 labjs 和 requirejs，虽然它们可以做 1000 种其他事情，但似乎都不能解决这个问题。

我知道我可以包装 foo.js 的代码，使其需要特定的上下文，并且可以在其中执行操作，但这不是我想要的(必须修改源文件)。相反，我希望源 JS 文件保留为任何其他 JS 文件，不需要任何类型的元数据或通过代码包含的文件本身解析运行时执行上下文；在包含的文件之外，没关系。

为清楚起见，一些简单的演示:

/*
 * Example 1 - apply to current context
 */
function x() {  
    include('foo.js'); // provides foo()
    foo(); // ok!
}
foo(); // not ok!


/*
 * Example 2 - apply to namespace context
 */
include.apply(ns, ['foo.js']); // provides foo()
ns.foo(); // ok!
foo(); // not ok!

我知道这可以使用 eval() 或通过使用字符串创建一个 new Function 来实现，但我希望有更好的解决方案。

Answer 1

除了您自己概述的方式之外，我认为不可能以其他方式做到这一点。

一种解决方案是将代码包装在服务器端的一个函数中，并编写一个包含函数来加载 js 文件并以该函数的命名空间进行响应。我想到了一个类似于node.js中require函数的解决方案。

服务器端包装代码

require.response('foo', function(exports) {

    // Content in foo.js
    exports.a = function() { return 'A'; }
    this.b = function() { return 'B'; }
    function c() { return 'c'); }

});

客户端js:

window['require'] = (function() {

    var list = {};
    function require(name, cb) {
        if (list[name]) {
            if (list[name].ns) {
                cb(list[name].ns);
            }
            else {
                list[name].cb.push(cb);
            }
        }
        else {
            list[name] = {cb: [cb]};

            // Code to load js file

        }
    }

    require.response = function(name, func) {
        var ns = {};
        list[name].ns = ns;
        func.call(ns);
        for(var i = 0, l = list[name].cb; i < l; i++) {
            list[name].cb[i](ns);
        }
    }

    return require;

}());

示例用法:

require('foo', function(foo) {
    foo.a(); // ok
    foo.b(); // ok
    foo.c(); // error
};

foo.a(); // error
this.a(); // error
c(); // error