关于javascript:JavaScript中的eval函数

1. eval 函数有什么用？

调用 eval 函数，能够将其参数作为 javascript 程序进行解释。换句话说，eval 能够把它的参数当做代码

来执行。

例子

function f(x) {eval('var y=x');
    console.log('y:', y);
}
f('hello');//y:hello

在这个例子中，eval将它的 string 参数 var y=x 作为一行代码执行了，在函数 f 外部申明了一个局部变量y。这和

function f(x) {
    var y=x;
    console.log('y:', y);
}
f('hello');//y:hello

的执行成果基本相同。

2. 防止应用 eval 函数创立局部变量

​ 容许 eval 函数烦扰作用域，是一个相当谬误的做法。这种做法会使一段代码变得难以了解，并且不再平安。上面这个例子便赋予了内部调用者批改局部变量，扭转部分作用域的能力。

例子

let g = '全局变量'
function f(src) {eval(src);
    console.log('g:', g);
}
// 以上为源代码
f("var g=' 局部变量 '");//g: 局部变量
f("var y=' 局部变量 '");//g: 全局变量

当咱们将没有在源代码中定义的变量 y 传入 eval 函数时，这段代码执行的后果将变得难以预测。

保障 eval 函数不影响内部作用域的一个简略办法是应用嵌套的作用域。ES5 的 严格模式 便是这样做的。

例子

let g = '全局变量'
function f(src) {(()=> eval(src))();// 在嵌套作用域中执行 eval
    console.log('g:', g);
}
// 以上为源代码
f("var g=' 局部变量 '");//g: 全局变量
f("var y=' 局部变量 '");//g: 全局变量

3. eval 函数的两种调用形式

3.1 间接调用形式：

当函数调用波及 eval 标识符时，能够称为间接调用。此时，被执行的程序（eval 的参数）具备齐全拜访调用者部分作用域的权限。

例子

const g = '全局变量';
function foo() {
    const g = '局部变量';
    console.log(eval('g'));// 间接调用，能够拜访到 foo 的部分作用域，所以输入的是局部变量 g
}
foo(); // 局部变量

3.2 间接调用形式：

绑定 eval 到另一个变量名，在通过该变量调用eval, 称之为间接调用。此时，被执行的程序（eval 的参数）失去对部分作用域的拜访能力。利用逗号操作符,，能够实现间接调用的简洁写法。

例子

const g = '全局变量';
function foo2() {
    const g = '局部变量';
    cont test = eval;
    // 间接调用，不能拜访函数外部的变量 g
    console.log(test('g')); // 全局变量
    // 间接调用简洁形式
    console.log((0, eval)('g'));// 全局变量
}