JS使用eval()动态创建变量的方法

本文介绍一种在JavaScript中利用eval()函数动态创建变量的实现方式，供读者参考。

eval()函数与动态变量定义

一、什么是eval()函数？

eval()函数的作用是计算传入的字符串参数，并执行其中包含的JavaScript代码。

二、如何动态定义变量？

既然eval()可以执行字符串中的代码，我们可以将定义变量的语句转换为字符串，然后传入eval()函数执行，具体形式如下：

var defineStr = "var number_"+i.toString();
eval_r(defineStr);

执行上述代码后，变量即被定义。你可以设置debugger进行调试，检查number变量是否成功创建。

如果变量i的值为1，那么动态生成的变量名即为number_1。

后续也可以通过类似的方式为该变量赋值：

eval_r("number_"+i.toString()+" = 120;");

此时，变量number_1的值被设置为120。

赋值语法错误与IE兼容方案

但请注意，绝对不要采用以下写法：

eval_r("number_"+i.toString()) = 120

这种写法存在语法错误，无法通过编译。

上述标准写法在IE浏览器中可能无法正常运行，此时需要使用executeScript(string)方法来执行代码。具体的判断逻辑如下：

if(window.executeScript)
{
//IE浏览器
window.executeScript(defineStr);
}else
{
//Chrome、Firefox等非IE浏览器
window.eval_r(defineStr);
}

更多关于JavaScript相关内容可查看本站专题：《JavaScript中ajax操作技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述的技巧对大家进行JavaScript程序设计有所帮助。