JS规范及常见问题

规范

1. 数字和字符串不能混合使用。

   

   1. 做加减法可能出错 "1"+1 == "11"
   2. 做判断可能出错 "2"<"11"===false
2. 几种for循环的使用:
   1. for(var i=0;i<list.length;i++): es5,需要拿到下标时、遍历非标准数组如FileList时
   2. for(var i in obj): es5,遍历对象时使用,不要在遍历数组时使用(性能更差、这里的i是字符串)
   3. for(var i of list): es6,遍历数组时使用,不需要拿到下标时
3. 箭头函数如果要返回空对象，需要写成 () => ({})，否则{}会被当成函数体

   

4. 打开定时器之前一定要关闭定时器因为：如果setInterval前不调用clearInterval; 万一open调用多次，会产生多个野定时器，无法被close关闭

代码逻辑

1. 减少不必要的变量：搞清楚每个变量的含义，当两个变量本质上表达的是一个含意时，应该合并成一个变量
2. 逻辑要覆盖所有情况：
   1. 不能只考虑if不考虑else
   2. 不能只写.then不写.cache
   3. 不能忽略错误，至少把错误打印出来
3. 尽量复用代码，不要同一份代码复制过来用。相似的代码也应该封装成一个函数或组件。
4. 参数要注意初始化的时机，不必要的初始化会占用额外的资源，该初始化不初始化会导致逻辑问题。

常见问题

如何在页面间传递数据

什么时候使用localstorage，什么时候使用query参数？

首先看看它们都有什么特点

localStorage: 通常用于用户信息、token、配置信息等需要持久化的数据，重点: 它单实例的

url参数: 通常用于记录状态或配置信息，它是轻量的、多实例的、可以跨设备的

全局变量: 通常用于记录一些临时状态或配置, 它是临时的,页面刷新后恢复初始状态

最好自己理解，理不清可以按照以下原则:

1. 能使用全局变量就使用全局变量
2. 除了登陆信息、配置信息外，尽量使用URL参数