浅谈JS中的 eval函数

刺骨的言语ヽ痛彻心扉 2022-06-14 07:09 140阅读 0赞

\#**1.定义**  
eval()是一个函数，有且只有一个参数string，为字符串类型

eval(string)

特点：若string为js代码时，会直接解析执行，若是普通字符串，则返回原字符串。

\#**2.实例**

**2.1参数string为js代码：**

eval("var  a =1;var b=4; alert(a+b)");
    
    执行结果是：alert出一个5

![这里写图片描述][SouthEast]

**执行过程** ：eval将字符作为js进行解析，先进行运算，再alert

eval("alert('hello')");
    
    执行结果：alert出hello

**2.2参数string为普通字符串：**

eval("hello");
    
    执行后的结果是：返回字符串hello

\#**3.有关eval解析json数据**

**错误实例：**

var jsonstr = "{name:'test',age:18}";
    
    var jsonobj = eval(jsonstr);//拼接过程

**错误提示:**

SyntaxError: invalid label

--------------------

**为什么会这样？**

原因在于：eval本身的问题。 由于json是以”\{\}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句 （statement）来执行。举一个例子，例如对象字面量\{\}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和 结束标记，那么\{\}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

alert(eval("{}"); // return undefined
    alert(eval("({})");// return object[Object]

--------------------

**如何解决?**

var josnobj = eval("("+jsonstr+")");

或者这样

eval("var jsonobj = " + jsonstr);

[SouthEast]: /images/20220614/05ddc6dd7aad4a84bbb056020b5681f6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，140人围观）

还没有评论，来说两句吧...

相关阅读

相关关于JS中的prototype浅谈

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] JS中的phototype是JS中比较难理解的一个部分本

拼搏现实的明天。/ 2024年03月30日 16:39/ 0 赞/ 40 阅读

相关 JS中的eval及json浅谈

![f682fc81f2ef045c17ed88f092e66c31.jpeg][] 本人是JS新手，所以不敢说深入，只是把最近对eval的学习经验拿出来跟大家分享，如果您是

末蓝、/ 2024年03月26日 11:00/ 0 赞/ 53 阅读

相关浅谈c++中的构造函数

下面所有的构造函数都将用Student这个类作为例子 class Student { private: static

你的名字/ 2022年08月22日 01:14/ 0 赞/ 155 阅读

相关浅谈JS中的 eval函数

\1.定义 eval()是一个函数，有且只有一个参数string，为字符串类型 eval(string) 特点：若string为js代码时，会直接解析执行，若是

刺骨的言语ヽ痛彻心扉/ 2022年06月14日 07:09/ 0 赞/ 141 阅读

相关【CSS】浅谈CSS中的calc函数

在css中，我们常常需要计算功能。以前我们常常使用js来进行计算，然后布局，但是为了更符合MVC结构的概念，css中calc函数已经开始被广泛使用。 calc函数允许进行任何

分手后的思念是犯贱/ 2022年06月05日 10:13/ 0 赞/ 185 阅读

相关浅谈JS世界中&和&&

console.log(1&2); console.log(1&&2); 上面打印的结果是什么呢？先别急着回答，我们先复习一下JS中的逻辑运算符&& 与，左边为真才走右

傷城~/ 2022年05月24日 00:17/ 0 赞/ 104 阅读

相关 JS eval()函数

eval()函数 JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个

我就是我/ 2022年04月21日 14:07/ 0 赞/ 461 阅读

相关浅谈js中的装饰器

什么是装饰器？ > 装饰器模式`（Decorator Pattern）`是一种结构型设计模式，旨在促进代码复用，可以用于修改现有的系统，希望在系统中为对象添加额外的功能，

约定不等于承诺〃/ 2022年01月20日 03:17/ 0 赞/ 168 阅读

相关浅谈JS世界中&和&&

console.log(1&2); console.log(1&&2); 上面打印的结果是什么呢？先别急着回答，我们先复习一下JS中的逻辑运算符&& 与，左边为真才走右

古城微笑少年丶/ 2021年12月10日 05:21/ 0 赞/ 184 阅读

相关 js - 浅谈js中this的指向

this最终指向的是调用它的那个对象 1、在普通函数里的this指向例子1： ![Alt][] 运行结果： ![aHR0cHM6Ly91cGxvYWQta

曾经终败给现在/ 2021年09月20日 06:42/ 0 赞/ 444 阅读