eval详解

wflynn

已于 2022-08-15 12:18:01 修改

阅读量2.1k

点赞数 2

文章标签： javascript 前端 json

于 2022-08-15 10:18:29 首次发布

文章来源：原创地址

本文链接：https://blog.csdn.net/weixin_40013817/article/details/126341774

版权

作用

eval() 函数会将传入的字符串当做 JavaScript 代码进行执行。

返回值：返回字符串中代码的返回值。如果返回值为空，则返回 undefined。

示例


<script>
	eval(console.log("控制台会输出此段文字"));
</script>

如果 eval() 的参数不是字符串， eval() 会将参数原封不动地返回

console.log(eval(new String("2 + 2"))); // 返回了包含"2 + 2"的字符串对象
console.log(eval("2 + 2")); // returns 4

放在 eval 中的字符串，应该有独自存在的意义或者可以当成语句运行，不能用来与 eval 以外的命令配合使用

eval('3x') // Uncaught SyntaxError: Invalid or unexpected token
eval('return;'); // Uncaught SyntaxError: Illegal return statement

eval 最常见的场合是解析 JSON 数据的字符串，不过正确的做法应该是使用原生的 JSON.parse 方法

eval 修改词法作用域

如下代码：最后输出 a 的值是 1，b 的值是 3


<html>
<body>
<p class="evalTestOne">11</p>
<p class="evalTestTwo"></p>
</body>
<script>
	window.onload = function () {
		function foo (str, a) {
			eval(str); // 欺骗！ console.log( a, b );
			document.getElementsByClassName('evalTestOne')[0].innerHTML = 'a的值：' + a;
			document.getElementsByClassName('evalTestTwo')[0].innerHTML = 'b的值：' + b;
		}
		
		var b = 2;
		foo("var b = 3;", 1); // 1, 3
	}
</script>
</html>