总结分享20个提升效率的JavaScript简写技巧-前端问答

2023/3/19 18:21:17 浏览量：11

当同时声明多个变量时，可简写成一行

利用解构，可为多个变量同时赋值

巧用三元运算符简化if else

使用||运算符给变量指定默认值

本质是利用了||运算符的特点，当前面的表达式的结果转成布尔值为false时，则值为后面表达式的结果

使用运算符简化if语句

例如某个函数在某个条件为真时才调用，可简写

使用解构交换两个变量的值

适用箭头函数简化函数

需要注意箭头函数和普通函数的区别

使用字符串模板简化代码

使用模板字符串代替原始的字符串拼接

多行字符串也可使用字符串模板简化

对于多值匹配，可将所有值放在数组中，通过数组方法来简写

巧用ES6对象的简洁语法

例如，当属性名和变量名相同时，可直接缩写为一个

使用一元运算符简化字符串转数字

使用repeat()方法简化重复一个字符串

使用双星号代替Math.pow()

使用双波浪线运算符（~~）代替Math.floor()

需要注意，~~仅适用于小于2147483647的数字

巧用扩展操作符（...）简化代码

简化数组合并

单层对象的拷贝

寻找数组中的最大和最小值

使用for in和for of来简化普通for循环

简化获取字符串中的某个字符

移除对象属性

使用arr.filter(Boolean)过滤掉数组成员的值falsey

以上就是总结分享20个提升效率的JavaScript简写技巧的详细内容，更多请关注php中文网其它相关文章！

计算机题库分享