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'));//全局变量}