多个JS优化小技巧
JS 优化 技巧 多个
2023-09-11 14:18:54 时间
1. if多条件判断
// 冗余
if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {}
// 简洁
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {}
2.if…else…
// 冗余
let test: boolean;
if (x > 100) {
test = true;
} else {
test = false;
}
// 简洁
let test = x > 10;
3.Null, Undefined, 空值检查
// 冗余
if (first !== null || first !== undefined || first !== '') {
let second = first;
}
// 简洁
let second = first || '';
4.foreach循环
// 冗余
for (var i = 0; i < testData.length; i++)
// 简洁
for (let i in testData)
// 或
for (let i of testData)
5.函数条件调用
// 冗余
function test1() {
console.log('test1');
};
function test2() {
console.log('test2');
};
var test3 = 1;
if (test3 == 1) {
test1();
} else {
test2();
}
// 简单
(test3 === 1? test1:test2)();
6.switch条件
// 冗余
switch (data) {
case 1:
test1();
break;
case 2:
test2();
break;
case 3:
test();
break;
// so on...
}
// 简洁
var data = {
1: test1,
2: test2,
3: test
};
data[anything] && data[anything]();
7.多行字符串
// 冗余
const data = 'abc abc abc abc abc abc\n\t'
+ 'test test,test test test test\n\t'
// 简洁
const data = `abc abc abc abc abc abc
test test,test test test test`
8.隐式返回
// 冗余
function getArea(diameter) {
return Math.PI * diameter
}
// 简洁
getArea = diameter => (
Math.PI * diameter;
)
9.重复字符串多次
// 冗余
let test = '';
for(let i = 0; i < 5; i ++) {
test += 'test ';
}
// 简洁
'test '.repeat(5);
10.幂乘
// 冗余
Math.pow(2,3);
// 简洁而
2**3 // 8
相关文章
- JS框架_(JQuery.js)高德地图api
- JS框架_(JQuery.js)Tooltip弹出式按钮插件
- JS框架_(JQuery.js)带阴影贴纸标签按钮
- JS+ES6 - 向数组的开头添加一个或更多元素
- baguetteBox.js响应式画廊插件(纯JS)
- 批量自动取消抖音所有关注 利用JS代码解放双手
- JS获取当前日期
- springMVC拦截css与js等资源文件的解决
- [Hapi.js] Extending the request with lifecycle events
- 在引入的css或者js文件后面加参数的作用
- js 性能优化利器:prepack
- [Most.js] Create Streams From Single Values With Most.js
- 华为校招机试 - 工单调度策略(Java & JS & Python)
- 【Auto.js】使用Pro 8.0 API优化图色或无障碍的耗电问题
- 【Auto.js】使用命令删除图片后,更新图库缓存
- 原生js本地存储、获取、删除、清空
- js日期倒计时效果
- JS:crypto-js实现AES加密解密
- js对象拷贝方法
- leetcode 1019. 链表中的下一个更大节点 js实现
- babel配置项目目录支持转换es6语法,引入非项目目录js后,引入Js转换无效
- 【JS高级】ES5标准规范之数组高阶函数的应用_11
- 【JS高级】js之闭包对象_04
- js把空格换成br标签
- JS优化循环结构(经典)