JavaScript之eval用法

107 阅读 0 评论 71 点赞

我是靠谱客的博主直率西装，最近开发中收集的这篇文章主要介绍JavaScript之eval用法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在JavaScript史中，出现过这样一个方法，这个方法可以修改变量环境进行代码执行，这个方法就是eval()。

eval()

这个函数只有一个参数，当传入的参数不是字符串的时候，则返回这个参数。当传入的参数是字符串的时候，则它会把这个字符串当做js代码来执行，当然传入的字符串在语法上必须得讲得通的。

eval最重要的是调用了它的变量作用域环境，当它在查找变量的值和定义新变量核函数的操作和局部作用域是一样的，也就是说eval在执行某个代码块的时候会把这个代码块所处环境调用到eval这里。

function a(){
    var x = 5;
    console.log(eval('x'));
	//此时eval中x的环境是function a
}
a();
eval('a()'); //eval把字符串中的代码块执行，eval提供了a函数执行所处环境

function b (){
    var name = "wang";
    function c (){
    console.log(name);
    }
    eval('c()');
}
b();

全局eval

eval具有更改局部变量的功能，在全局中，当通过别名调用时，eval（）会将其字符串当成顶层代码来执行。执行会定义新的全局变量和全局函数，或者赋值，但却不能使用或者修改主调函数中的局部变量，因此，这样是不会影响到函数内的代码优化。

var geval = eval;
console.log(geval);
var x = "global", y = "global";
function f(){
	var x = "local";
	eval("x += 'changed';");
	return x;
}
function g(){
	var y = "local";
	geval("y += 'changed';");
	return y;
}
console.log(f(),x);
console.log(g(),y);

看一下上述代码执行结果

由此可见，用别名调用eval会把eval环境放到顶端来执行，并不会影响局部。