變量，函數(shù)，范圍，數(shù)組，對(duì)象和異步編程是每個(gè)初學(xué)者應(yīng)掌握的核心JavaScript概念。首先，變量使用LET，const或var具有不同的范圍和突變性規(guī)則。其次，功能是一流的公民，是通過聲明，表達(dá)方式或箭語語法編寫的，每個(gè)公民都有不同的提升和這種約束行為。第三，范圍包括全局，功能和塊級(jí)別，并保留外部范圍變量。第四，陣列支持非突變方法，例如.map（）和.filter（）。第五，對(duì)象允許通過DOT或括號(hào)符號(hào)靈活訪問，并通過破壞和傳播/休息運(yùn)算符來增強(qiáng)。最后，異步JavaScript使用回調(diào)，承諾和異步/等待干凈處理延遲操作。

如果您只是進(jìn)入JavaScript，那么所有浮動(dòng)的概念都很容易感到不知所措。好消息是，一旦您確定了一些核心想法，其他一切就開始變得有意義。這是每個(gè)初學(xué)者都應(yīng)該感到滿意的最重要的JavaScript概念的直接分解。

變量和數(shù)據(jù)類型

了解如何存儲(chǔ)和使用數(shù)據(jù)是基本的。在JavaScript中，您可以使用let ， const或（理想情況下） var聲明變量。

• let您重新分配值。
• const意味著不能重新分配變量（盡管仍然可以修改其內(nèi)部的對(duì)象和數(shù)組）。
• var年齡較大，并且具有更廣泛的范圍規(guī)則 - 最好避免使用，除非您真的知道自己在做什么。

至于數(shù)據(jù)類型：

• 原始類型包括字符串，數(shù)字，布爾值， null和undefined 。
• 對(duì)象和數(shù)組是參考類型，這意味著它們通過參考而不是價(jià)值存儲(chǔ)和訪問。

一個(gè)常見的錯(cuò)誤是認(rèn)為兩個(gè)具有相同內(nèi)容的對(duì)象相等 - 但是在JS中， {a: 1} === {a: 1}實(shí)際返回false因?yàn)樗鼈冎赶虿煌膬?nèi)存位置。

功能：構(gòu)建塊

JavaScript中無處不在。您將使用它們來組織代碼，重復(fù)使用邏輯并響應(yīng)事件。

編寫功能的主要方法有兩種：

• 函數(shù)聲明（ function sayHi() {} ）已懸掛，因此您可以在代碼中定義它們之前調(diào)用它們。
• 函數(shù)表達(dá)式（ const sayHi = function() {} ）未懸掛，因此訂單很重要。

也值得學(xué)習(xí)：

• 箭頭函數(shù)（ () => {} ）提供較短的語法，并且不要綁定自己的this - 這使它們非常適合回調(diào)，但如果您期望this行為，則很棘手。

初學(xué)者通常會(huì)錯(cuò)過一件事：職能是JS中的一流公民。這意味著您可以將它們作為參數(shù)傳遞，將它們從其他函數(shù)中返回，然后將它們分配給變量 - 以后為許多高級(jí)模式提供動(dòng)力。

了解范圍和封閉

范圍定義可訪問變量的位置。 JavaScript使用詞匯范圍，這意味著函數(shù)記住它們的創(chuàng)建位置。

您將主要處理：

• 全局范圍：在任何功能或塊之外聲明的變量。
• 功能范圍：函數(shù)內(nèi)部的變量在外部不可見。
• 塊范圍：在{}塊中let和const例如循環(huán)或條件。

封閉聽起來可能很復(fù)雜，但是這是思考它們的簡(jiǎn)單方法：即使在范圍消失之后，功能還記得并訪問了其外部范圍的變量。例如：

功能outer（）{
  讓計(jì)數(shù)= 0;
  返回函數(shù)內(nèi)（）{
    數(shù)數(shù) ;
    console.log（count）;
  };
}
const counter = outer（）;
柜臺(tái)（）; //日志1
柜臺(tái)（）; //日志2

在這里， inner()在count上形成閉合 - 即使outer()完成運(yùn)行，也可以保持其活力。

使用數(shù)組和對(duì)象

這兩個(gè)數(shù)據(jù)結(jié)構(gòu)是大多數(shù)JavaScript程序的骨干。

對(duì)于數(shù)組：

• 使用.map() ，. .filter()和.reduce()用于沒有副作用的過程列表。
• 避免直接突變數(shù)組 - 而是在可能的情況下創(chuàng)建新數(shù)組以防止錯(cuò)誤。

對(duì)于對(duì)象：

• 了解如何使用點(diǎn)符號(hào)（ obj.key ）和括號(hào)符號(hào)（ obj['key'] ）訪問屬性，在鍵動(dòng)態(tài)時(shí)尤其有用。
• 了解如何破壞它們以進(jìn)行清潔代碼：

   const {name，age} =用戶;

另外，傳播和休息操作員（ ... ）非常方便：

• 擴(kuò)展（ [...arr] ）復(fù)制或合并數(shù)組/對(duì)象。
• REST（ function example(...args) ）將剩余的參數(shù)收集到數(shù)組中。

異步JavaScript的基礎(chǔ)

JavaScript按行運(yùn)行代碼，但是某些任務(wù)（例如從服務(wù)器獲取數(shù)據(jù)）需要時(shí)間。這就是Async進(jìn)入的地方。

從：

• 回調(diào)：最古老的模式，但可能會(huì)變得凌亂（回調(diào)地獄）。
• 承諾：更清潔，可與.then()和.catch()連鎖。
• async/await ：句法糖過于承諾，使異步代碼看起來同步。

一個(gè)快速示例：

異步函數(shù)fetchdata（）{
  嘗試 {
    const響應(yīng)=等待提?。?amp;#39;https://api.example.com/data'）;
    const data =等待響應(yīng).json（）;
    console.log（data）;
  } catch（錯(cuò)誤）{
    Console.Error（'錯(cuò)誤：'，錯(cuò)誤）;
  }
}

不用擔(dān)心這是否一開始似乎是抽象的 - 異步是在實(shí)際項(xiàng)目中幾次使用幾次的那些東西之一。

涵蓋了必需品。這些概念構(gòu)成了您深入javaScript時(shí)您將建立的基礎(chǔ)。繼續(xù)練習(xí)，很快，這些就會(huì)感覺到第二天性。

以上是初學(xué)者的JS綜述是最重要的概念的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！