javascript

try catch捕获异常

JSON.parse、JSON.stringify、encodeURIComponent、async await 要放到 try catch 中。

new RegExp 最好也放到 try catch 中，用构造函数 new RegExp 构造正则表达式时，一般表达式中需要插入变量时只能用构造函数方式，注意里面的特殊字符需要转义，尤其是之际接收用户输入的字符，否则容易报错，如：

new RegExp('+861347', 'ig')

// 会报 SyntaxError: Invalid regular expression: /(+861347)/: Nothing to repeat

数字精度问题

接口数据中比较长的 id 要用字符串，否则大数字会出现失精导致 id 对不上。

浮点数运算失精，涉及到计算的用number-precision这类计算库。

时期时间

macOS 系统下日期时间格式要用斜杠 / 代替横杠 -。

资源访问

https 下访问 http 资源会报错

replaceAll 替换字符串中内容

项目中尽量不要用 replaceAll 方法，有兼容性问题，在部分浏览器或版本里会报错(即使常用的Chrome也要大于85版本)：replaceAll is not a function，替换成 replace 和正则加 g。

for循环中间的分号

for循环里的条件这个地方中间的是分号，不是逗号

for(var i = 0; i < 100; i++) {  
}

等号判断相等

判断是不是相等是用 == 或 ===，切记不要用 = 去判断是不是相等，一个等号是赋值。

alert方法

alert方法只能弹出一段字符串，所以默认会调用toString()方法，要弹出多个变量需要用 + 号拼接，如果用逗号分割，则只会弹出第一个变量的值。

请求接口路径中的斜杠

找了半个小时的bug，一直拿不到数据，用postman又可以：注意如果用变量拼接地址，原地址后面有/的，这个地方就不用再加了：

const baseUrl = 'http://localhost:8888/api/private/v1/'

// 有问题的
const api = `${url}/login`

// 正确的
const api2 = `/${url}/login`

Math.max()

Math.max()方法是找出一串数字中的最大值（不是数组），如果直接传入数组返回的就是NaN，如果要判断数组中的最大值： ① 用ES6中的展开运算符，直接将数组中的元素展开 Math.max(…arr) ② 用apply方法改变this的指向 Math.max(null, arr)

方法中return时省略分号

javascript有自动补全功能，所以每行可以加分号也可以不加：

function foo(){
   return 
   {
       b: 2
    }
}

会被解析成：

function foo(){
   return ;
   {
       b: 2
    }
};

所以最后的返回结果是 undefined。

map返回一个新的数组

用map遍历数组时如果是要得到一个新的数组，一定要记得return item，要不然原数组里的元素都变成undefined了。

html

标签自定义属性

自定义属性不可以通过【元素.自定义属性名】来获取，要用 getAttribute('自定义属性名')。

百度小程序template绑定数据

百度小程序模板 template 绑定数据那是3对花括号，不是2对