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

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

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

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

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

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

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

一個常見的錯誤是認為兩個具有相同內(nèi)容的對象相等 - 但是在JS中， {a: 1} === {a: 1}實際返回false因為它們指向不同的內(nèi)存位置。

功能：構(gòu)建塊

JavaScript中無處不在。您將使用它們來組織代碼，重複使用邏輯並響應事件。

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

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

也值得學習：

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

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

了解範圍和封閉

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

您將主要處理：

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

封閉聽起來可能很複雜，但是這是思考它們的簡單方法：即使在範圍消失之後，功能還記得併訪問了其外部範圍的變量。例如：

功能outer（）{
  讓計數(shù)= 0;
  返回函數(shù)內(nèi)（）{
    數(shù)數(shù) ;
    console.log（count）;
  };
}
const counter = outer（）;
櫃檯（）; //日誌1
櫃檯（）; //日誌2

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

使用數(shù)組和對象

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

對於數(shù)組：

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

對於對象：

• 了解如何使用點符號（ obj.key ）和obj['key'] ）訪問屬性，在鍵動態(tài)時尤其有用。
• 了解如何破壞它們以進行清潔代碼：

   const {name，age} =用戶;

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

• 擴展（ [...arr] ）複製或合併數(shù)組/對象。
• REST（ function example(...args) ）將剩餘的參數(shù)收集到數(shù)組中。

異步JavaScript的基礎(chǔ)

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

從：

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

一個快速示例：

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

不用擔心這是否一開始似乎是抽象的 - 異步是在實際項目中幾次使用幾次的那些東西之一。

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

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