javascript中eval和with用法实例总结(js中的eval)

编辑：rootadmin

推荐整理分享javascript中eval和with用法实例总结(js中的eval)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js里eval干什么的,js eval 作用域,js里eval,eval jsp,js eval 作用域,js eval 作用域,js中eval是什么意思,javascript的eval,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了javascript中eval和with用法。分享给大家供大家参考，具体如下：

我们都知道javascript的作用域机制，但是with和eval有时会“破坏”我们对于作用域的常规理解。下面参考网上资源和自己理解总结一下eval和with的用法。

一、eval

1、eval函数：把一个字符串当作一个js表达式一样去执行它.

2、语法：eval(strScript) 注：参数strScript是必填项

3、使用说明

(1)它是有返回值的，如果参数字符串是一个表达式，就会返回表达式的值。如果参数字符串不是表达式，没有值，那么返回“undefined”。(2)参数字符串作为代码执行时，是和调用eval函数的上下文相关的，即其中出现的变量或函数调用必须在调用eval的上下文环境中可用。

4、示例：

5、eval和作用域

（1）经典代码分析

a、常见

分析：如我们预期的那样，得到指定值。test函数内的str没有var和有var声明，结果也是不一样的，读者可自行验证。

b、eval替代直接声明变量的写法

分析：对比a中的写法，我们只是在test函数里用eval语句替换直接声明var定义变量那一句最后alert一下而已，结果出入很大。

（2）eval定义全局代码

a、兼容ie和ff的通用定义全局代码的eval函数

对于IE浏览器，函数execScript用于在全局空间执行代码。对于Firefox浏览器，直接调用eval函数，则在调用者的空间执行；如果调用window.eval则在全局空间执行；但是alert(eval==window.eval)的返回值是true，奇怪的ff.

b、调用a的测试代码

分析：通过b中的代码，你可能已经发现了eval定义全局代码的一个显而易见的不方便的地方，就是对于全局代码，js智能提示（这里是vs，可能其他工具也会）完全失去提示作用。由此你肯定会问，程序中通过eval这种方式定义了很多全局代码，它的可维护性会不会太那个了？我的看法就是赞成网上的总结，少用eval。毕竟现成的工具都不能很好的提示了，而程序员的视力往往又不是那么好。

二、with

1、with语句:为一个或一组语句指定默认对象，通常用来缩短特定情形下必须写的代码量。2、语法：with (<对象>) <语句>with (object) statements （1）参数object：新的默认对象；（2）statements ：一个或多个语句，object 是该语句的默认对象。

3、示例：

4、with会暂时修改作用域链

分析：函数withTest在定义的时候，就确定了withTest的作用域链，我们暂且认为这条作用域链的最顶端是window对象，当withTest被执行的时候，js引擎生成了一个call object（调用对象）并将其添加到作用域链尾部上（window对象之后），语句运行到with(document)时，将生成新的作用域（实质上这个作用域和普通function的作用域一样，只不过它在with子句执行完，该作用域也随之消失）并添加到作用域链的尾部，所以with之内的变量查找，就会优先从这条链的with(document)作用域上查找，然后从withTest的call object中查找，最后查找window。with内的语句执行完之后，作用域链恢复原状（with(document)生成的作用域被移出作用域链）。

ps：with是不被推荐的，因为需要操作作用域链（移进、移出作用域），执行效率低下。

希望本文所述对大家JavaScript程序设计有所帮助。

全面解析Bootstrap排版使用方法（文字样式）一、段落段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）：1、全局文本字号为px(fo

基于js实现微信发送好友如何分享到朋友圈、微博微信浏览器内置了javascript私有对象WeixinJSBridge，可以实现发送给朋友、分享到朋友圈、分享到微博等功能。scriptvarimgUrl="图片地址";varlineLink="当前网址";v

基于javascript如何传递特殊字符在没步入正轨之前，先给大家介绍JavaScript特殊字符你可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。插入特殊字符反斜杠用来在文本字符串

标签: js中的eval

本文链接地址:https://www.jiuchutong.com/biancheng/386340.html 转载请保留说明！

上一篇：JavaScript基础篇（3)之Object、Function等引用类型(javascript基础编程)

下一篇：全面解析Bootstrap排版使用方法（文字样式）(全面解析日本失去的十年)