如何将变量求值到局部作用域对象's属性,而不是JavaScript中的全局范围

How to eval variables into local scope object's properties instead of global scope in JavaScript

本文关键字:属性 JavaScript 范围 全局 变量 对象 作用域 局部      更新时间:2023-09-26

我从服务器返回了一些代码,比如"var myVar=314;",我想创建一个上下文对象,比如so var context={};然后将脚本"varmyVar=314;"求值为上下文属性,我该如何实现这一点?

我尝试过以下代码,但没有成功:

var context = {};
eval.call(context, "var myVar = 314;");

编辑可能我一开始还不够清楚,我预期的结果是:在eval((之后,我得到了上下文对象中的属性,目的是避免全局范围填充。

例如,

var context = {};
eval.call(context, "var myVar = 314;");

我希望结果是context.myVar=314。

您能够更改从服务器获得的脚本的格式吗?如果是这样,请按照Aadit评论中的建议,让您的服务器发送:

context["myVar"] = 314;

或:

context.myVar = 314;

如果不能更改格式,那么脚本是否真的像var myVar = 314;一样简单?

如果是的话,试着重新思考这个方法。与其尝试在特定上下文中eval()脚本,不如将脚本解析为可以使用的形式。例如:

var script = 'var myVar = -314.5;';  // what we get from the server
var match = script.match( /var's+('w+)'s*='s*(-?['d.]+)'s*;/ );
if( match ) {
    // match[1] is 'myVar', match[2] is '-314.5'
    context[ match[1] ] = +match[2];
}
console.log( context );

现在context就是{ myVar: -314.5 }。这段代码可以在函数内部或任何地方运行,也可以同样工作。

对于字符串变量赋值,可以使用类似的正则表达式:

var script = 'var myString = "Test Value";';  // what we get from the server
var match = script.match( /var's+('w+)'s*='s*"([^"]*)"'s*;/ );
if( match ) {
    // match[1] is 'myString', match[2] is 'Test Value'
    context[ match[1] ] = match[2];
}
console.log( context );

这次context{ myString: "Test Value" }

这种方法可以很容易地适用于多个变量、其他数据类型等。