20 个提升效率的 JS 简写技巧
正文
简写技巧
当同时声明多个变量时,可简写成一行
复制代码
利用解构,可为多个变量同时赋值
复制代码
巧用三元运算符简化 if else
复制代码
使用||运算符给变量指定默认值
本质是利用了||
运算符的特点,当前面的表达式的结果转成布尔值为false
时,则值为后面表达式的结果
复制代码
使用 &&运算符简化 if 语句
例如某个函数在某个条件为真时才调用,可简写
复制代码
使用解构交换两个变量的值
复制代码
适用箭头函数简化函数
复制代码
需要注意箭头函数和普通函数的区别
使用字符串模板简化代码
使用模板字符串代替原始的字符串拼接
复制代码
多行字符串也可使用字符串模板简化
复制代码
对于多值匹配,可将所有值放在数组中,通过数组方法来简写
复制代码
巧用 ES6 对象的简洁语法
例如,当属性名和变量名相同时,可直接缩写为一个
复制代码
使用一元运算符简化字符串转数字
复制代码
使用 repeat()方法简化重复一个字符串
复制代码
使用双星号代替 Math.pow()
复制代码
使用双波浪线运算符(~~)代替 Math.floor()
复制代码
需要注意,~~仅适用于小于 2147483647 的数字
巧用扩展操作符(...)简化代码
简化数组合并
复制代码
单层对象的拷贝
复制代码
寻找数组中的最大和最小值
复制代码
使用 for in 和 for of 来简化普通 for 循环
复制代码
简化获取字符串中的某个字符
复制代码
移除对象属性
复制代码
使用 arr.filter(Boolean)过滤掉数组成员的值 falsey
复制代码
THE END
文章(除了代码)都是以本人自己的语言组织,且有删减
正文部分的代码,
Longhand
表示常规写法,Shorthand
表示简写形式以上就是本文的所有内容,如有问题欢迎留言🌹~
最后
如果你觉得此文对你有一丁点帮助,点个赞。或者可以加入我的开发交流群:1025263163 相互学习,我们会有专业的技术答疑解惑
如果你觉得这篇文章对你有点用的话,麻烦请给我们的开源项目点点 star: https://gitee.com/ZhongBangKeJi/CRMEB不胜感激 !
PHP 学习手册:https://doc.crmeb.com/技术交流论坛:https://q.crmeb.com/
评论