首頁>技術>

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]( "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

12
最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 用Vue3構建企業級前端應用,TS能讓你更輕鬆點