《高性能javascript》学习笔记八

本文是《高性能javascript》学习笔记第八部分,主要探讨了实际开发中的性能注意事项,包括避免双重求值(如eval和Function),推荐使用字面量创建对象和数组以提高效率,以及如何避免重复工作,如智能地绑定事件和利用位操作符进行快速计算。文中还提到了位掩码技术以及使用JavaScript内置方法和属性的优势。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

八、实际开发的一些注意事项

1、避免双重求值

javascript代码允许在代码中提取一个包含代码的字符串然后动态执行它,有四种方法可以实现:eval()、Function()狗贼函数、setTimeout()和setInterval()。
在这里插入图片描述
当在一段js代码中执行另一段js代码时,都会导致双重求值的性能消耗。所以,尽量避免使用eval和Function()(eval也会导致安全问题),至于setTimeout和setInterval,应传入函数而不是字符串。

2、使用字面量方式创建对象或者数组

创建对象或者数组有多种方式,使用字面量方式是最快的,并且代码也最简洁。

3、避免重复工作

举个例子,当你想用一个兼容性的写法去绑定事件,你会如何做?
在这里插入图片描述

咋一看,好像没什么问题。但是,每次绑定事件的时候,都会执行一次判断。然而实际上,一个用户打开页面之后,设备应该是不会变的,所以后续均不需要判断是否支持addEventListener。下面是两种改良版:

延迟加载的方法。所谓延迟加载

博客
v8worker
05-08 2958
05-06 2941
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值