当前位置：首页 > article >正文

第四话：JS中的eval函数

article 2024/12/5 3:49:54

theme: channing-cyan

1.不要使用eval！

如果你从来都没有用到过eval这个函数，甚至你都不知道这个函数的作用。那么我只能说：你做了一件正确的事情 o.O

虽然我这篇文章要说一下eval函数的一些能力和注意点，但是我希望，如果读者看完了这篇文章。在以后的学习和工作上，如果遇到了某个问题，可千万别想到这篇文章或者eval这个方法。

为什么呢，因为在Javascript初期，这门语言还不完善，所以会用到eval这个方法去解决一些问题。但是Javascript发展到今天这个程度，我们已经不需要使用eval这个方法了。如果你想用这个方法，那么一定有其他更好的方式等着你。

而且，eval这个方法是有安全和性能问题的，所以千万不要使用，当然如果不怕被同事喷的话也可以。

2.eval函数的使用

首先，这个方法的入参是很简单的，就一个字符串。

当这个字符串为表达式的时候,eval函数就返回这个表达式的值。
当这个字符串是语句的时候，eval函数就执行这些语句。

简单吧，看下面的例子：

var a = 2;
eval("a += 2");
console.log(a); // 4

let x = eval("1 + 1");
console.log(x); // 1

这个时候，有想法的人就会寻思了，这个eval函数里，好像还能访问变量啊。那他访问的变量是局部的呢？还是全局的呢？

咱们来试一下就知道了：

var x = "global"
function f() {
    var x = "local";
    eval("x += 'change'");
    return x;
}
console.log(f(), x); //localchange global

执行完我们发现，奥原来是这样，eval访问的属性是局部变量。

我们能这么轻易的下结论吗！！！！不能，我们来个花活，看下面代码：

var y = "global";
var geval = eval;
function g() {
    var y = "local";
    geval("y += 'changed'");
    return y
}
console.log(g(), y);  //local globalchanged

wc?你会发现，当我们把eval这个方法赋值给其他变量后，再通过这个变量去调用，他访问的就是全局属性了。

但是捏，在JS中，如果你处在严格模式下，这个eval函数就被管控了，他就只能访问或者更改局部的属性，全局的属性他是改不了滴。

3.eval定义变量

在eval中，我们能否定义一个变量呢？试一下：

eval("var a = 1");
console.log(a); //1

哎！没毛病，那定义变量的话，会不会有全局和局部的问题呢？我们按照刚才的方法也试一下呗：

var a = 2, b = 2
function fn(){
    eval("var a = 1");
    geval("var b = 1");
    console.log(a); //1
    console.log(b); //1
}
fn()
console.log(a);  //2
console.log(b);  //1