本文摘自PHP中文网,作者青灯夜游,侵删。
本篇文章给大家介绍一下JavaScript中eval()函数的用法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1. eval函数有什么用?
调用eval函数,可以将其参数作为javascript程序进行解释。换句话说,eval可以把它的参数当做代码
来执行。
例子
1 2 3 4 5 |
|
在这个例子中,eval
将它的string
参数var y=x
作为一行代码执行了,在函数f
内部声明了一个局部变量y
。这和
1 2 3 4 5 |
|
的执行效果基本相同。
2. 避免使用eval函数创建局部变量
允许eval函数干扰作用域,是一个相当错误的做法。这种做法会使一段代码变得难以理解,并且不再安全。下面这个例子便赋予了外部调用者修改局部变量,改变局部作用域的能力。
例子
1 2 3 4 5 6 7 8 |
|
当我们把一个没有在源代码中定义的变量y
,传入eval
函数时,这段代码执行的结果将变得难以预测。
保证eval
函数不影响外部作用域的一个简单方法是使用嵌套的作用域。ES5的严格模式
便是这样做的。
例子
1 2 3 4 5 6 7 8 |
|
3. eval函数的两种调用方式
3.1 直接调用方式:
当函数调用涉及eval
标识符时,可以称为直接调用。此时,被执行的程序(eval的参数)具有完全访问调用者局部作用域的权限。
例子
1 2 3 4 5 6 |
|
3.2 间接调用方式:
绑定eval
到另一个变量名,在通过该变量调用eval
,称之为间接调用。此时,被执行的程序(eval的参数)失去对局部作用域的访问能力。利用逗号操作符,
,可以实现间接调用的简洁写法。
例子
1 2 3 4 5 6 7 8 9 |
|
更多编程相关知识,请访问:编程入门!!
以上就是聊聊JavaScript中eval()函数的用法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者