4個(gè)隱藏的有用的JavaScript技巧分別是怎樣的

這篇文章將為大家詳細(xì)講解有關(guān)4個(gè)隱藏的有用的JavaScript技巧分別是怎樣的，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對相關(guān)知識(shí)有一定的了解。

這里有4個(gè)關(guān)于JavaScript鮮為人知的功能，這些功能在某些特定情況下很有用。

+運(yùn)算符

什么? +運(yùn)算符?我從一年級(jí)開始就知道。

是的，當(dāng)然，但這與算術(shù)運(yùn)算符無關(guān)：

const four = 2 + 2;

它的另一個(gè)用途可以看作是 "將給定的表達(dá)式轉(zhuǎn)換為Number"，但也可能揭示出其他有趣的用例。

即使可以使用 Number() 構(gòu)造函數(shù)獲得這些結(jié)果，在某些情況下，使用 + 運(yùn)算符似乎也感覺更干凈。

對于最后一個(gè)示例，我們將覆蓋 random 對象的 valueOf() 方法，并且 + 運(yùn)算符通過將其值轉(zhuǎn)換為 Number 來“獲取”其值。

調(diào)試語句

有很多方法可以調(diào)試JavaScript應(yīng)用程序。?

通過連接到 console 對象的不同方法的數(shù)量，你可以自定義大部分的日志記錄語句。

但是我發(fā)現(xiàn)完全不同但未知的一種方法是使用 debugger 語句。

對于基于瀏覽器的JS應(yīng)用程序，它提供了一種快速和簡單的方法來放置斷點(diǎn)，并迅速獲得強(qiáng)大的開發(fā)者工具。

就像我說的那樣，這可能不是處理某些應(yīng)用程序調(diào)試的最佳方法，但我認(rèn)為演示此“隱藏”功能很有趣。

你也可以通過傳遞 —inspect  標(biāo)志，遠(yuǎn)程連接到你的會(huì)話，為你的node腳本啟用它。不過，我建議將NodeJS應(yīng)用附加到你的IDE調(diào)試器上，這樣更干凈。

逗號(hào)運(yùn)算符

我不是在談?wù)撚枚禾?hào)分隔符來分隔容器中的對象或元素，例如 const arr = [2，7，4，8，8]。

在表達(dá)式 const a =(2，3) 中，逗號(hào)運(yùn)算符允許對括號(hào)中的整個(gè)表達(dá)式求值，讓我們來看一些有趣的示例：

基本上，這個(gè)操作符在左操作數(shù)和右操作數(shù)之間同時(shí)執(zhí)行和 && 和 ||，因?yàn)樗瑫r(shí)執(zhí)行這兩個(gè)操作數(shù)的狀態(tài)。

如果你還對它的用法感到困惑，可以這樣想：它允許你在JavaScript期望一個(gè)表達(dá)式的地方評估多個(gè)表達(dá)式。這可能是為了呈現(xiàn)更優(yōu)雅的代碼，或者更容易調(diào)試。

Navigator 和 Performance API

實(shí)際上，這里有點(diǎn)特殊，因?yàn)檫@是瀏覽器中可用的兩個(gè)Web API。

Web API通常與JavaScript一起使用，盡管并非總是如此。

我想介紹兩個(gè)我在JavaScript項(xiàng)目中已經(jīng)廣泛使用的Web API：

這些只是你可以在網(wǎng)絡(luò)上找到的眾多Web API中的2個(gè)!

關(guān)于4個(gè)隱藏的有用的JavaScript技巧分別是怎樣的就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。