在全局范围内运行 javascript 函数

Question

为了符合 GDPR，我将我们网店中的所有附属脚本封装在函数中，并将它们添加到作业队列中。

在用户接受我们的隐私政策后，我会运行所有排队的作业。我想在全局范围中运行它们，因此所有声明的变量都可以在全局范围内访问，因为一些附属脚本依赖于全局变量（我知道这很丑;））。

我知道，我可以重写所有 javascript 代码并在全局范围内声明变量并将其余代码包装在一个函数中。 但是我需要编辑很多外部模块（我们正在运行一个 magento 网上商店并使用外部模块来包含附属脚本）

我目前的做法：

var jobQueue = [];
var add = function (fn) {
    jobQueue.push(fn);
    console.log("function pushed to queue");
};
var execute = function () {
    while ((curJob = jobQueue.pop()) !== undefined) {
        curJob();
        console.log("executed job");
    }
};

我的问题是一些外部脚本取决于我的工作中声明的变量。是否有可能像代码在全局范围内运行一样运行函数？

我已经找到了类似的东西，但我无法让它工作： Javascript eval on global scope? （这不适用于函数）

eval.call(window, x, y, z)

Answer 1

我找到了一个可能的解决方案，但它丑：

我将函数主体 (How to get function body text in JavaScript?) 保存到一个字符串并在窗口范围内对其进行评估

var execute = function () {
    while ((curJob = jobQueue.pop()) !== undefined) {
        var entire = curJob .toString(); 
        var body = entire.slice(entire.indexOf("{") + 1, entire.lastIndexOf("}"));
        eval.call(window, body);
        console.log("executed job");
    }
};

Answer 2

Javascript 中的变量具有“函数范围”，这意味着如果您在函数内部声明变量，则无法从该函数外部访问它。 但是当函数内部不存在变量时，Javascript 会在函数外部查找该变量，直到它到达全局对象。

所以在全局对象中声明的变量随处可见。

您可以通过在全局范围内声明变量来将变量分配给全局范围。

var pushing = "function pushed to queue";
var executed = "executed job";
var jobTitle = "... programing ...";

var jobQueue = [];
var add = function (fn) {
    jobQueue.push(fn);
    console.log( pushing );
};
var execute = function () {
    while ((curJob = jobQueue.pop()) !== undefined) {
        curJob();
        console.log( executed );
    }
};

// Lets add a Job
add( function(){ console.log( jobTitle ); } );

execute();

JS Bin

如您所见，添加的作业可以访问在全局范围内声明的变量 jobTitle。

希望对你有帮助