溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

源碼時代前端干貨分享| JavaScript編程優(yōu)化,超強入門必備技能!

發(fā)布時間:2020-06-23 13:45:36 來源:網(wǎng)絡(luò) 閱讀:242 作者:wx5d51393e4bd0e 欄目:web開發(fā)

一、按強類型風(fēng)格定義變量
大家要知道js是一種弱類型語言,定義變量的時候不要太隨意,大多數(shù)初學(xué)者定義變量時,只是聲明變量而沒有賦值,這樣就顯得太隨意了
聲明變量的時候,一定要指明變量的類型,告訴解析器,你要聲明變量的類型,不要讓他去猜

//2. 定義變量
let odd, //奇數(shù)個數(shù)
even, //偶數(shù)個數(shù)
sum,//總和
avg//平均值

上面這種就是不友好的代碼,應(yīng)該改為

//2. 定義變量
let odd = 0, //奇數(shù)個數(shù)
even = 0, //偶數(shù)個數(shù)
sum = 0,//總和
avg = 0//平均值

這樣指明類型,方便其他人閱讀,知道該變量保存什么類型的值
注意:
1.也不要隨意修改變量的類型,比如上面明明是保存一個數(shù)字,下面又保存一個對象,這就讓人感覺到很困惑,不知道該保存什么值===這種做法不提倡
2.函數(shù)返回值也應(yīng)該確定類型

function getPrice(count) {
if (count < 0) return "";
else return count * 100;
}

上面函數(shù)就沒有確定類型,一會字符串,一會數(shù)字,都不知道結(jié)果該不該參與其他功能運算

function getPrice(count) {
if (count < 0) return -1;
else return count * 100;
}
小于0,返回-1,這種就把兩個返回值的類型統(tǒng)一化

二、避免使用==
1.編碼習(xí)慣不同,大多數(shù)人喜歡使用== 而不是===,因為==寫起來比較簡單點,少了一個=,但是在使用==在JSLint檢查的時候是不通過的

if(a == b){}

在JSLint下會輸出:Expected?‘===’?and?instead?saw?‘==’,所以最好使用===
2.使用==還有可能會出現(xiàn)一些不好的現(xiàn)象,對后期代碼有一定影響

null == undefined //true
'' == '0' //false
0 == '' //true
0 == '0' //true
'' == 0 //true
new String("abc") == "abc"//true
new Boolean(true) == true //true
true == 1 //true

以上用===出現(xiàn)的結(jié)果都為false,這樣才比較合理
三、合并表達(dá)式
如果用1句代碼就可以實現(xiàn)5句代碼的功能,那往往1句代碼的執(zhí)行效率會比較高,并且可讀性可能會更好
1.用三元運算替換if-else

if(a>10){
return 1
}else{
return 0
}

改寫:

return a>10 ? 1 : 0

2.使用連等( 從右向左運算 )

let sum = count = odd = even = 0;

3.自增 ( 利用自增也可以簡化代碼 )

console.log( ++a );

平常些代碼都必須要注意這些,下一節(jié)繼續(xù)講解ES6編程規(guī)范
(本文由源碼時代技術(shù)老師撰寫,轉(zhuǎn)載請注明出處)

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI