JavaScript簡寫技巧總結

標籤：com   賦值   minus   bubuko   效率   regex   result   span   exec   

     在日常工作中，JavaScript一些常用的簡寫技巧，將直接影響到我們的開發效率，現將常用技巧整理如下:

     1. 空(null, undefined)驗證    

         當我們建立了一個新的變數，我們通常會去驗證該變數的值是否為空白(null)或則未定義(undefined)。這對於JavaScript編程來說，是一個經常要考慮到的驗證。

         非最佳化代碼：

if (variable1 !== null || variable1 !== undefined || variable1 !== ‘‘) { let variable2 = variable1; }

         最佳化代碼：

let variable2 = variable1 || ‘‘ 

　 在Google瀏覽器開發人員面板的控制台下:

 

      2. 數組

          非最佳化代碼：

let a = new Array(); a[0] = "myString1"; a[1] = "myString2"; a[2] = "myString3";

         最佳化代碼：

let a = ["myString1", "myString2", "myString3"];

      3. if true .. else 的最佳化

          非最佳化代碼：

let big;if (x > 10) {big = true;}else {big = false;}

          最佳化代碼：

let big = x > 10 ? true : false;

　　    在Google瀏覽器開發人員面板的控制台下:

       4. 變數聲明

          非最佳化代碼：

let x;let y;let z = 3;

          最佳化代碼：

let x, y, z=3;

       5.指派陳述式的簡化

          非最佳化代碼：

x=x+1;minusCount = minusCount - 1;y=y*10;

          最佳化代碼：

x++;minusCount --;y*=10;　   

         假設 x=10，y=5，那麼基本的算術操作可以使用如下的簡寫方式：

         在Google瀏覽器開發人員面板的控制台下:

       6. 避免使用RegExp對象

          非最佳化代碼：

var re = new RegExp("\d+(.)+\d+","igm"),result = re.exec("padding 01234 text text 56789 padding");console.log(result); //"01234 text text 56789"

          最佳化代碼：

var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding");console.log(result); //"01234 text text 56789"     

        7. If 條件最佳化

           非最佳化代碼：

if (likeJavaScript === true)

           最佳化代碼： 

if (likeJavaScript)

        8. charAt()的替代品

            非最佳化代碼：

"myString".charAt(0);

            最佳化代碼：

"myString"[0]; // 返回 ‘m‘

 

JavaScript簡寫技巧總結