作用
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(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">eval(232, 232, 232); background: rgb(249, 249, 249);">eval('3x') // Uncaught SyntaxError: Invalid or unexpected token eval(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">JSON 数据的字符串,不过正确的做法应该是使用原生的 JSON.parse 方法
eval('return;'); // Uncaught SyntaxError: Illegal return statementeval(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">a 的值是 1,b 的值是 3
<body>
<p class="eval() {
function foo (str,) {
eval(str); // 欺骗! console.log( a, b );
document.getElementsByClassName('eval('eval("var b = 3;", 1); // 1, 3
}</script>
</html>
原因:eval(..) 调用中的 var b = 3;。由于这段代码声明了一个新的变量 b,因此它对已经存在的 foo(..) 的词法作用域进行了修改。
事实上这段代码实际上在 foo(..) 内部创建了一个变量 b,并遮蔽了外部(全局)作用域中的同名变量。
- 非严格模式下,如果eval(..) 中所执行的代码包含有一个或多个声明(无论是变量还是函数),就会对eval(..) 所处的词法作用域进行修改。
- 在严格模式的程序中,eval(..) 在运行时有其自己的词法作用域,意味着其中的声明无法修改所在的作用域。