JS规范及常见问题
规范
- 数字和字符串不能混合使用。
- 做加减法可能出错
"1"+1 == "11" - 做判断可能出错
"2"<"11"===false
- 做加减法可能出错
- 几种for循环的使用:
for(var i=0;i<list.length;i++): es5,需要拿到下标时、遍历非标准数组如FileList时for(var i in obj): es5,遍历对象时使用,不要在遍历数组时使用(性能更差、这里的i是字符串)for(var i of list): es6,遍历数组时使用,不需要拿到下标时
- 箭头函数如果要返回空对象，需要写成
() => ({})，否则{}会被当成函数体
- 打开定时器之前一定要关闭定时器
因为：如果setInterval前不调用clearInterval; 万一open调用多次，会产生多个野定时器，无法被close关闭
代码逻辑
- 减少不必要的变量：搞清楚每个变量的含义，当两个变量本质上表达的是一个含意时，应该合并成一个变量
- 逻辑要覆盖所有情况：
1. 不能只考虑if不考虑else
2. 不能只写.then不写.cache
3. 不能忽略错误，至少把错误打印出来 - 尽量复用代码，不要同一份代码复制过来用。相似的代码也应该封装成一个函数或组件。
- 参数要注意初始化的时机，不必要的初始化会占用额外的资源，该初始化不初始化会导致逻辑问题。
常见问题
如何在页面间传递数据
什么时候使用localstorage，什么时候使用query参数？
首先看看它们都有什么特点
localStorage: 通常用于用户信息、token、配置信息等需要持久化的数据，重点: 它单实例的
url参数: 通常用于记录状态或配置信息，它是轻量的、多实例的、可以跨设备的
全局变量: 通常用于记录一些临时状态或配置, 它是临时的,页面刷新后恢复初始状态
最好自己理解，理不清可以按照以下原则:
- 能使用全局变量就使用全局变量
- 除了登陆信息、配置信息外，尽量使用URL参数
