js 與或運算子 妙用

2021-06-20 05:07:44 字數 791 閱讀 9492

js 與或運算子 || && 妙用,可用於精簡**,降低程式的可讀性。

首先出個題:

如圖:

假設對成長速度顯示規定如下:

成長速度為5顯示1個箭頭;

成長速度為10顯示2個箭頭;

成長速度為12顯示3個箭頭;

成長速度為15顯示4個箭頭;

其他都顯示都顯示0各箭頭。

用**怎麼實現?

差一點的if,else:

var add_level = 0;

if(add_step == 5)

else if(add_step == 10)

else if(add_step == 12)

else if(add_step == 15)

else

稍好些的switch:

js**

var add_level = 0;

switch(add_step)

可以寫成:

a >= 5 && alert("你好");

這樣只需一行**就搞定。但是需要注意的一點就是:js中||和&&的特性幫我們精簡了**的同時,也帶來了**可讀性的降低。這就需要我們自己來權衡了。

一方面精簡js**,能實質性的減少網路流量,尤其是大量應用的js公用庫。個人比較推薦的做法是:如果是相對複雜的應用,請適當地寫一些注釋。這個和正在表示式一樣,能夠精簡**,但是可讀性會降低,對讀**的人要求會高些,最好的辦法就是寫注釋。

js 與或運算子 妙用

首先我們來梳理一下乙個概念,請你一定要記住 在js邏輯運算中,0 null false undefined nan都會判為false,其他都為true 好像沒有遺漏了吧,請各位確認下 這個一定要記住,不然應用 和 就會出現問題。這裡順便提下 經常有人問我,看到很多 if attr 為什麼不直接寫if...

js 與或運算子 妙用

js 與或運算子 妙用,可用於精簡 降低程式的可讀性。如圖 假設對成長速度顯示規定如下 成長速度為5顯示1個箭頭 成長速度為10顯示2個箭頭 成長速度為12顯示3個箭頭 成長速度為15顯示4個箭頭 其他都顯示都顯示0各箭頭。用 怎麼實現?兩種方法 if 和 switch var add level ...

js 與或運算子 妙用

首先出個題 假設對成長速度顯示規定如下 成長速度為5顯示1個箭頭 成長速度為10顯示2個箭頭 成長速度為12顯示3個箭頭 成長速度為15顯示4個箭頭 其他都顯示都顯示0各箭頭。用 怎麼實現?差一點的if,else js 如下 var add level 0 if add step 5 else if...