空合并 (??)
我們大多數(shù)人都看過||運(yùn)算符在 JS 中,可以與任何字段一起使用,以便在字段為 null 時(shí)獲取此運(yùn)算符后面的值。
在上面的示例中,您可以看到,如果第一個(gè)值看漲,它將采用第二個(gè)值。但是,如果您看到上面的最后一種情況,則在上述情況下,0 也將被視為負(fù)值,并且它將采用默認(rèn)值。在 0 是有效值的情況下,這不是您可能需要的。在這些情況下,可以使用空合并算子:??
可選鏈接 (?.)
如果您正在訪問內(nèi)部屬性,并且不知道父值是否存在,則通常會(huì)使用 if 或 && 進(jìn)行檢查,如下所示:
與上面包含所有檢查和條件的冗長(zhǎng)代碼不同,您可以使用可選的鏈接將代碼減少相當(dāng)多的代碼。
這也可以在調(diào)用方法或訪問數(shù)組中的索引時(shí)使用:
對(duì)象速記
通常,如果要?jiǎng)?chuàng)建值對(duì)象,則應(yīng)按如下所示的方式創(chuàng)建它:
現(xiàn)在,如果字段名稱相同,您可以將上面的代碼替換為下面的代碼,它將具有相同的行為。
設(shè)置控制臺(tái)日志樣式
通常,您只需要執(zhí)行控制臺(tái).log它將以默認(rèn)模式打印它:
但是,您可以向控制臺(tái)日志添加樣式,以使某些日志從其他日志中脫穎而出。您可以添加 %c 運(yùn)算符并將樣式添加為第二個(gè)參數(shù)。
使用延遲在 HTML 的頭部加載腳本
因此,通常情況下,當(dāng)您要在HTML文件中加載腳本時(shí),您不希望將其包含在head標(biāo)記中,因?yàn)檫@會(huì)在DOM加載元素之前首先加載JS。因此,如果您對(duì)元素進(jìn)行任何樣式更改,它們將不會(huì)顯示出來。
在上面的示例中,我將腳本加載到 head 中。該腳本正在更改按鈕的背景色,但由于腳本在DOM元素之前加載,因此它將顯示錯(cuò)誤并且不會(huì)加載樣式。
因此,為了解決這個(gè)問題,理想情況下,您將腳本加載到HTML文件的正文中,最好是在文件末尾。但是,在加載DOM之后,這將導(dǎo)致很多延遲,在此期間將加載腳本。這不會(huì)是一個(gè)好的用戶體驗(yàn)。
相反,您可以在頭部的腳本標(biāo)記中使用單詞deefer,JS將在DOM中加載元素后負(fù)責(zé)加載腳本。