利用eval()来“欺骗”JavaScript词法作用域

Posted 2020-10-20 linweinb

我们知道，所谓“词法作用域”就是按照代码书写时的样子内部函数可以访问函数外部的变量，如果函数外存在函数内所具有的同名变量，则函数内部要获取该同名变量的值会屏蔽掉函数外的同名变量（本来就是两个不同的变量，只是同名而已。另外注意，在同一个作用域是同一个变量，所以不要重复声明，否则第二个声明会被忽略）。

利用eval()可以“欺骗”词法作用域：

function foo(str){
    eval(str);
    console.log(a);
}

var a=100;

foo("var a=12");   // 12

按道理应该输出100，可实际上输出是12，因为eval可以造成var a=12;这条语句就好像在eval()所在的位置一样。这段代码实际上在foo函数里创建了变量b，所以自然屏蔽了函数外的变量b。

eval()可以动态插入代码，但实际上对性能有影响，所以最好不要使用它。