js_如何優化你的代碼讓它更好看

1.對於美的東西咱們很難拒絕，好比美女。哈哈哈，程序員的梗。

2.因此我但願我寫出來的代碼也是很美觀的，讓人看起來會很舒服。

3.要想讓你的代碼簡約美觀，就要涉及封裝，模塊化了，可複用代碼。vue能夠參考，但今天我不討論vue，就從一些原生討論一下優化的。

從此若是更加深刻前端這塊，我會更新後面學到的應用，我必會讓個人代碼更邏輯，更美觀。

 

技術段：

在評審需求的時候，產品的需求會有各類各樣的判斷，這樣的狀況這樣作，不然那樣作。這是最多見的不過了。剛入門前端的同窗可能會用到if(){}else{},

這是最經常使用到，當寫多了，會發現代碼會很亂。若是隻有兩個分支的判斷，推薦使用三目運算作判斷，直觀！還好看。

1 var judge = 1; 2 judege == 1 ? console.log(1) : console.log(0);

上面是一個簡單的三目判斷，結果是在控制檯打印1.

若是隻有一個判斷的時候，能夠用if(){},以前看了一個php的經典寫法,直接把大括號給去掉，管它黑貓白貓，捉到老鼠的就是好貓。

管你怎麼寫，瀏覽器能運行就能夠了。

1 var judge = 1; 2 if(judge == 1) console.log(1);

若是有不少判斷的時候，會有不少分支的時候，推薦使用switch作判斷。

這樣作判斷會讓你的代碼很是的好看。

<script type="text/javascript">
    var day = new Date().getDay(); switch(day) { case 0: x = "Today it's Sunday"; break; case 1: x = "Today it's Monday"; break; case 2: x = "Today it's Tuesday"; break; case 3: x = "Today it's Wednesday"; break; case 4: x = "Today it's Thursday"; break; case 5: x = "Today it's Friday"; break; case 6: x = "Today it's Saturday"; break; }; console.log(x); </script>

 

接下來是一些簡化寫法判斷：

1 //若是value的值爲"",null,undefind,0,則執行判斷
2 var value = 0; 3 if(!value) console.log(11);//11
4 
5 //判斷爲true則執行判斷 
6 (value < 1) && console.log(22);//22
7 
8 //判斷爲false則執行判斷
9 (value < －1) || console.log(33);//33

 

2018年1月3日21點13分，星期三，在深圳。想去你住的城市看大雪紛飛的樣子。