您的位置是:网站首页>Javascript编程Javascript编程

聊聊JavaScript中eval()函数的用法

少儿编程网2021-05-31 15:53:59Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介本篇文章给大家介绍一下JavaScript中eval()函数的用法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1.eval函数有什么用?调用eval函数,可以将其参数作为javascript程序进行解释。换句话说,eval可以把它的参数当做代码来执行。例子functionf(x

本篇文章给大家介绍一下JavaScript中eval()函数的用法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。6h6少儿编程网-https://www.pxcodes.com

6h6少儿编程网-https://www.pxcodes.com

1. eval函数有什么用?

调用eval函数,可以将其参数作为javascript程序进行解释。换句话说,eval可以把它的参数当做代码6h6少儿编程网-https://www.pxcodes.com

来执行。6h6少儿编程网-https://www.pxcodes.com

例子

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

在这个例子中,eval将它的string参数var y=x作为一行代码执行了,在函数f内部声明了一个局部变量y。这和6h6少儿编程网-https://www.pxcodes.com

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

的执行效果基本相同。6h6少儿编程网-https://www.pxcodes.com

2. 避免使用eval函数创建局部变量

允许eval函数干扰作用域,是一个相当错误的做法。这种做法会使一段代码变得难以理解,并且不再安全。下面这个例子便赋予了外部调用者修改局部变量,改变局部作用域的能力。6h6少儿编程网-https://www.pxcodes.com

例子6h6少儿编程网-https://www.pxcodes.com

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

当我们把一个没有在源代码中定义的变量y,传入eval函数时,这段代码执行的结果将变得难以预测。6h6少儿编程网-https://www.pxcodes.com

保证eval函数不影响外部作用域的一个简单方法是使用嵌套的作用域。ES5的严格模式便是这样做的。6h6少儿编程网-https://www.pxcodes.com

例子6h6少儿编程网-https://www.pxcodes.com

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的参数)具有完全访问调用者局部作用域的权限。6h6少儿编程网-https://www.pxcodes.com

例子6h6少儿编程网-https://www.pxcodes.com

const g = '全局变量';
function foo() {
    const g = '局部变量';
    console.log(eval('g'));//直接调用,可以访问到foo的局部作用域,所以输出的是局部变量g
}
foo(); //局部变量

3.2 间接调用方式:

绑定eval到另一个变量名,在通过该变量调用eval,称之为间接调用。此时,被执行的程序(eval的参数)失去对局部作用域的访问能力。利用逗号操作符,,可以实现间接调用的简洁写法。6h6少儿编程网-https://www.pxcodes.com

例子6h6少儿编程网-https://www.pxcodes.com

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

更多编程相关知识,请访问:编程入门!!

以上就是聊聊JavaScript中eval()函数的用法的详细内容,更多请关注少儿编程网其它相关文章!6h6少儿编程网-https://www.pxcodes.com

来源:php中文网6h6少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

聊聊JavaScript中eval()函数的用法

      匿名评论
    • 评论
    人参与,条评论
    聊聊JavaScript中eval()函数的用法

微信公众号

免费视频教程

先知道