javascript 的eval()和with是干嘛的

2024-03-04 05:04
文章标签 java script eval 干嘛

本文主要是介绍javascript 的eval()和with是干嘛的,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原来JavaScript 中的eval() 和 with 是两个强大的功能,但同时它们也具有潜在风险的特性,所以谨慎使用。

首先说说eval() 函数:

它接收一个字符串参数,并将其作为 JavaScript 代码来解析和执行。

这意味着你可以使用 eval() 动态地执行任何 JavaScript 代码。

eval() 有两个用处:

  1. 动态代码执行:当你需要根据某些条件或用户输入动态生成和执行代码时,可以使用 eval()。
  2. JSON 解析:在早期的 JavaScript 版本中,没有内置的 JSON 解析器,因此 eval() 常被用来解析 JSON 字符串。但现在,更推荐使用 JSON.parse() 方法来解析 JSON 数据。
列如:
let expression = "2 + 3 * 4";  
try {  let result = eval(expression);  console.log(result); // 输出:14  
} catch (error) {  console.error("执行表达式时出错:", error);  
}let Json = {'name': 'zhangsan','age': 18};
try {  let result = eval(Json );  console.log(result); // 输出:{name: 'zhangsan', age: 18}
} catch (error) {  console.error("执行表达式时出错:", error);  
}

存在三个问题:

  1. 安全风险:使用 eval() 可能导致严重的安全问题,因为它允许执行任何代码。如果传递给 eval() 的字符串来自不可信的来源(如用户输入),那么恶意代码可能会被执行。
  2. 性能问题:eval() 通常比常规的 JavaScript 代码执行更慢,因为它需要解析字符串并执行代码。
  3. 调试困难:使用 eval() 执行的代码可能会使错误调试更加困难,因为它可能涉及多个文件或位置。


with 语句
它用于临时扩展一个对象的属性,使这些属性可以在语句块中像局部变量一样被访问。

with的作用

简化代码:当你需要频繁访问一个对象的多个属性时,with 可以简化代码,避免重复写出对象名。

列如:
let obj = {  x: 10,  y: 20,  z: 30  
};  
with (obj) {  console.log(x); // 10  console.log(y); // 20  console.log(z); // 30  
}

存在问题:

  1. 作用域污染:with 语句会改变代码块中的变量查找方式,这可能导致意外的命名冲突和难以追踪的错误。
  2. 性能问题:with 语句在执行时通常比普通的属性访问更慢,因为它需要查找和解析对象的属性。

!!!所以不推荐使用with 语句:在现代 JavaScript 开发中,with 语句的使用已经大大减少,通常建议避免使用它。
with 语句并不推荐使用,因为它可能导致代码难以阅读和维护,并且可能会影响性能。
在严格模式下,with 语句是禁止的。

替代它的方法:

如果你只是想要简化对象的属性访问,可以考虑使用 ES6 的解构赋值功能。

let { x, y, z } = obj;  
console.log(x); // 10  
console.log(y); // 20  
console.log(z); // 30

the end

这篇关于javascript 的eval()和with是干嘛的的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/772080

相关文章

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

基于SpringBoot实现文件秒传功能

《基于SpringBoot实现文件秒传功能》在开发Web应用时,文件上传是一个常见需求,然而,当用户需要上传大文件或相同文件多次时,会造成带宽浪费和服务器存储冗余,此时可以使用文件秒传技术通过识别重复... 目录前言文件秒传原理代码实现1. 创建项目基础结构2. 创建上传存储代码3. 创建Result类4.

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4

Tomcat版本与Java版本的关系及说明

《Tomcat版本与Java版本的关系及说明》:本文主要介绍Tomcat版本与Java版本的关系及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Tomcat版本与Java版本的关系Tomcat历史版本对应的Java版本Tomcat支持哪些版本的pythonJ