##讓我們學習開發人員必須知道的一些核心JavaScript基本面。這種解釋的編程語言被廣泛用於開發企業級應用程序。

JavaScript基本概念

概述

JavaScript是一種腳本語言,用於開發基於Web的動態應用程序。我們使用HTML和CSS構建靜態網站,而JavaScript則用於添加交互性。在我們以前的博客文章中,我們介紹了文檔對像模型,現在我們將介紹其他一些重要的 JavaScript基本概念 。由於其豐富的功能和框架,Web開發人員傾向於選擇這種腳本語言。此外,您可以通過學習JavaScript在前端和後端進行開發。但是,您不僅可以開發網絡應用程序,還可以開發移動應用程序。如果您準備接受面試會議,本JavaScript教程將為您提供幫助。但是,本指南值得閱讀,以增加您的知識庫。 我們將在本文中介紹以下幾點:

JavaScript中的升起

當前範圍之上的功能或可變聲明的現象稱為提升。這是一個非常關鍵的概念,大多數JavaScript開發人員都不知道。但是,這裡要注意的一個重要的事情是,只有功能/變量聲明才能將其置於頂部,而不是功能/變量初始化。 讓我們舉個例子,看看下面的代碼段;

printResults();
function printResults(){
    console.log("hello programmers")
}
// output: hello programmers

在上面的代碼示例中,我們在函數聲明之前進行了函數調用,但即使代碼成功執行,這是由於JavaScript吊裝所致。基本上,在編譯時間內,JavaScript解釋器會掃描代碼,收集所有功能/變量,並將其放入稱為詞彙環境的內存中。變量也會發生同樣的事情。

name = "mustafa";
console.log(name);
var name;

同樣,名稱變量初始化是在聲明之前完成的,並且代碼可以正常運行而沒有任何錯誤。同樣,在編譯時,JS解釋器研究了詞彙環境以查找變量聲明,因此執行了代碼。 因此,如果您用Let and Const關鍵字聲明變量,JavaScript將它們的提升方式有所不同。

name = "mustafa";
console.log(name);
let name;
// Uncaught ReferenceError: Cannot access 'name' before initialization

上述代碼段中的錯誤發生了。原因是在提起此變量時未完成初始化。長話短說,所有聲明都是用“未定義”初始化的,而用“讓”或“ const”聲明的變量並未在吊裝中初始化。

JavaScript中的範圍

範圍是開發人員必須知道的JavaScript基本概念之一。但是,使用JavaScript範圍並不直接,並且有些不同。因此,JavaScript中有三種類型的範圍,它們如下: 塊級別 :用“讓”或“ const”聲明的變量包含塊級範圍。

if(true){
  let a = 1;
}
// a is not accessible outside the curly braces.

由於它具有塊級範圍,因此在捲曲支架{}之外無法訪問變量“ A”。 功能級別 :JavaScript函數內聲明的變量具有本地範圍。

function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is not accessible outside the function.

這裡要注意的一個重要的事情是,用“ LET”“ const”和“ var”聲明的變量具有功能主體內部的函數範圍。 全局級別 :在函數之外聲明的變量變為全局變量。無論您是使用“ LET”,“ const”還是“ var”關鍵字來宣布他們。此外,如果聲明不使用任何關鍵字,則變量成為一個全局變量,如下所示:

function innerFunc(){
        last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is accessible outside the function too and is of global scope

JavaScript關閉

這是另一個重要的概念,可以增強您對范圍和數據封裝的JavaScript知識。以最簡單的形式,函數內部的函數稱為閉合。您可以將內部函數稱為閉合。此內部功能具有三種類型的範圍:

  • 它具有自己的塊級範圍。
  • 它可以訪問父母的變量。
  • 全局範圍中的變量也可以在閉合內部訪問。 讓我們看看如何創建關閉:
 function myFunction(){
    let first_name = "mustafa";
    function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+first_name+" "+last_name);
    }
    return innerFunc()
}
myFunction()
// output: hello mustafa ashraf

變量first_name可在名為innirFunc的函數中訪問,但父函數無法訪問last_name變量。這種行為使程序員可以在範圍鏈中創建私人變量。

結論

我們在此處結束此JavaScript指南,希望您對 JavaScript基本概念 有更好的了解。此外,我們還經歷了 JavaScript關閉,JavaScript 的示例和吊裝。對於初學者來說,還有許多其他重要概念是必不可少的。因此,如果您興旺改善或刷新JavaScript概念,則本文將為您提供幫助。此外,您可以瀏覽“另請參見”部分中提到的博客文章。

聯繫我們

最後,containerize.com提供了有關各種令人興奮的主題的持續JavaScript教程。您可以通過在我們的社交媒體平台上關注我們,包括FacebookLinkedInTwitter

問一個問題

您可以在我們的論壇上讓我們知道您的問題或查詢。

##常見問題解答 在JavaScript中要學習的重要概念是什麼? 請按照此JavaScript初學者的指南了解JavaScript基本概念。

也可以看看