简化代码技巧

发布时间:2024-12-19 14:33

学会编写简洁、模块化的代码 #生活知识# #生活经验# #编程#

多个JS优化小技巧

最新推荐文章于 2024-07-17 10:48:33 发布

Shansec~ 于 2021-02-02 17:21:43 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

1. if多条件判断

// 冗余 if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {} // 简洁 if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {} 12345 2.if…else…

// 冗余 let test: boolean; if (x > 100) { test = true; } else { test = false; } // 简洁 let test = x > 10; 12345678910 3.Null, Undefined, 空值检查

// 冗余 if (first !== null || first !== undefined || first !== '') { let second = first; } // 简洁 let second = first || ''; 1234567 4.foreach循环

// 冗余 for (var i = 0; i < testData.length; i++) // 简洁 for (let i in testData) // 或 for (let i of testData) 1234567 5.函数条件调用

// 冗余 function test1() { console.log('test1'); }; function test2() { console.log('test2'); }; var test3 = 1; if (test3 == 1) { test1(); } else { test2(); } // 简单 (test3 === 1? test1:test2)();

12345678910111213141516' 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]();

123456789101112131415161718192021222324 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` 1234567 8.隐式返回

// 冗余 function getArea(diameter) { return Math.PI * diameter } // 简洁 getArea = diameter => ( Math.PI * diameter; ) 123456789 9.重复字符串多次

// 冗余 let test = ''; for(let i = 0; i < 5; i ++) { test += 'test '; } // 简洁 'test '.repeat(5); 12345678' 10.幂乘

// 冗余 Math.pow(2,3); // 简洁而 2**3 // 8 12345'

网址:简化代码技巧 https://www.yuejiaxmz.com/news/view/518851

相关内容

C#代码精简优化技巧(上)
python基础===Python 代码优化常见技巧
【读书笔记】代码大全26章:代码优化技术
JavaScript 实用技巧:提高开发效率与代码质量
【宝藏系列】嵌入式 C 语言代码优化技巧【超详细版】
怎么能够制作活码的二维码?在线生成活码的简单技巧
PyCharm技巧: 提升写代码效率的几个小窍门
二维码简化:生活便利的技术革新
低代码技术,引领业务流程自动化
Asp编码优化技巧8则

随便看看