个人中心
gpt4 book ai didi

JavaScript中的eval()函数使用介绍

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章JavaScript中的eval()函数使用介绍由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

在JavaScript中，可以使用eval()函数来解析字符串中的JavaScript代码，并返回相应的代码执行结果:

  。

复制代码 代码如下:

console.log(eval("42 * 2"));//84

  。

就本质而言，eval()是JavaScript全局对象的一个函数。比如，上述代码等价于:

  。

复制代码 代码如下:

console.log(this.eval("42 * 2"));//84

  。

不过在使用eval()语句时，一般都采用上述第一种做法，也即忽略全局对象直接使用eval().

  。

eval()的使用 。

  。

基于以下两个原因，除非确实需要，不然应尽量避免在代码中使用eval()语句:

1.从逻辑上来说，字符串应该用于储存程序运行过程中的内容、信息，而不应该用于储存具体的计算逻辑。 2.由于eval()参数为字符串，而对于一段字符串无法词法进行，因此对于eval()调用语句，JavaScript解释器无法进行优化.

  。

eval()的返回值 。

  。

eval()的返回值遵循以下规则:

  。

1.如果eval()的参数不是字符串，那么eval()将直接返回参数。 2.如果eval()的参数是字符串，那么eval()将这个字符串解析成代码后进行执行，并返回最后一行代码执行的结果。 3.如果字符串无法解析成合法的代码，eval()将抛出SyntaxError错误。 4.如果字符串能够被解析成合法的代码，但是在执行这一代码过程中报错，那么这个错误会上报给eval()语句，并由eval()抛出.

  。

  。

复制代码 代码如下:

console.log(eval([1,2,3]));//[1, 2, 3]
console.log(typeof eval([1,2,3]));//object

  。

console.log(eval("42 */ 2"));//SyntaxError console.log(eval("42 * 2; 22 * 3;"));//66. eval returns the result of last expression/statement console.log(eval("null.toString()"));//TypeError, exception in eval-ed code will be propagated outside eval(). 。

  。

  。

变量环境(variable environment) 。

  。

JavaScript中eval()有一个重要的特性：eval()参数字符串中的代码可以访问外部代码中的变量，同时也可以将参数字符串代码中新建的变量暴露给外部代码。也即，如果eval()参数字符串可以被合法解析，那么JS会将解析后的代码替换掉eval()所在的那一行:

  。

  。

复制代码 代码如下:

//variable environment
var a = 108;
console.log(eval("function double(x){return x*2;} a = double(a)"));
console.log(a);//216
console.log(double(33));//66

  。

值得注意的是，实现上述特性的前提是eval()参数字符串中的代码可以被合法解析。除了代码语法正确外，JS还要求eval()参数字符串中的代码必须“自成一体”：仅就参数字符串中的代码而言，代码必须是有意义的。比如，无法将诸如“return;”这样的字符串传给eval()函数:

  。

复制代码 代码如下:

function test(){
  var s = "test";
  eval("return s;");
}
test();//SyntaxError: return not in function

  。

如果直接使用eval()函数，那么eval()参数字符串中的代码所访问的变量是eval()语句所在function的那些变量，也即eval()函数所使用的变量环境是“本地变量环境”。如果不直接使用eval()函数，而是使用一个同样指向eval()函数的新变量，那么相应参数字符串中的代码所访问的变量均为全局变量，也即eval()函数所使用的变量环境是“全局变量环境”:

  。

复制代码 代码如下:

//local variable environment and global variable environment
var renamed = eval;
var x = "origin", y = "origin";
function f(){
  var x = "new";
  eval("x += 'Changed';");
  return x;
}
function g(){
  var y = "new";
  renamed("y += 'Changed';");
  return y;
}
console.log(f(), x);//newChanged origin
console.log(g(), y);//new originChanged

  。

不过，值得注意的是，IE6、7、8中的行为与此不同。在IE6、7、8中，即使eval()函数被重命名，所使用的也依然是“本地变量环境”.

最后此篇关于JavaScript中的eval()函数使用介绍的文章就讲到这里了,如果你想了解更多关于JavaScript中的eval()函数使用介绍的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： JavaScript中的逻辑判断符、||与!介绍
文章推荐： laravel框架 api自定义全局异常处理方法
文章推荐： C# 6.0的属性(Property)的语法与初始值详解
文章推荐： 实现laravel 插入操作日志到数据库的方法
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com