JavaScript中eval()函数怎么用
小编给大家分享一下JavaScript中eval()函数怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联公司主要从事做网站、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务黄陂,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
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'));//全局变量 }
以上是“JavaScript中eval()函数怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网页标题:JavaScript中eval()函数怎么用
标题来源:http://myzitong.com/article/ghodcc.html