• JavaScript中的eval函数


    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:全局变量

    https://www.houdianzi.com vi设计公司

    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'));//全局变量
    }
  • 相关阅读:
    038 Count and Say 数数并说
    037 Sudoku Solver 解数独
    036 Valid Sudoku 有效的数独
    035 Search Insert Position 搜索插入位置
    bzoj1202 [HNOI2005]狡猾的商人
    USACO45 lights 电灯(折半搜索)
    USACO44 TimeTravel 时间旅行(链表)
    USACO35 翻转奶牛(尺取法)
    bzoj1833: [ZJOI2010]count 数字计数&&USACO37 Cow Queueing 数数的梦(数位DP)
    USACO26 moofest 奶牛集会(归并排序)
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/14982343.html
Copyright © 2020-2023  润新知