如何理解那14個基本JavaScript概念

本篇文章為大家展示了如何理解那14個基本JavaScript概念，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

基礎速覽

大家好! 對于今天的帖子，我決定對JavaScript的基礎知識做一個簡要的介紹。  它是針對初學者而設計的，基本上總結了主要的基本概念，而您無需花費大量時間閱讀所有內(nèi)容。

關鍵是為您提供一切要點，并讓您更快上手。 絕對不是完整的指南。 這只是我正在構建的全局圖的一部分。

另外，它也可以用作快速入門的參考指南。 咬合大小的說明如下。 

1. 代碼結構

簡單來說，JavaScript由一系列語句和分號組成。

語句就像一個句子，但使用代碼。

例如，這是一條語句：

alert('Say hi');

分號不是強制性的，并且在兩者之間存在物理換行符時可以執(zhí)行分號。 這等于句號。

但有時，換行符不能保證該語句已完成。 使用+號可以充當線之間的連接器。

例如：

console.log('This ' + name + ' is gibrish');

2. "use strict"

長期以來，JavaScript不必擔心向后兼容性。 為什么? 因為功能的發(fā)布從未重疊-直到重疊為止。

2009年，ECMAScript 5(ES5)發(fā)布，新功能修改了一些現(xiàn)有功能。 默認情況下，除非使用" use  strict"啟用修改，否則不會應用修改

必須在JavaScript代碼的頂部放置"嚴格使用"，否則將無法應用。

如今，請始終"use strict"，因為我們不想使用JavaScript的較早實現(xiàn)。

3. 變量

變量是信息的占位符。 可以將其視為存儲數(shù)據(jù)的存儲桶。

使用關鍵字let聲明變量并為其命名。

這將初始化它。 您可以使用=為其分配值

如果您未為其分配任何內(nèi)容，則默認設置為未定義-這表示已初始化，但存儲桶中絕對沒有任何內(nèi)容。 簡而言之，它只是意味著它從未被設置過。

這不同于null，使用null，開發(fā)人員必須手動分配它。  在某種程度上，它實際上是在承認您的代碼已故意確保存儲桶為空，而您只是沒有忘記填充它，或者在此過程中出現(xiàn)了問題。

在較早的腳本中，使用var。 它們的行為方式會影響最終輸出。 我有點在這里寫過。 如果您有興趣，請隨時查看。

4. 數(shù)據(jù)類型

與其他語言相比，JavaScript中的數(shù)據(jù)類型并不多。 以下是綜合列表及其含義：

(1) 數(shù)

let someNumber = 2984;  someNumber = 29.84;

數(shù)字沒有"引號"。 只是普通的舊直數(shù)。 您可以同時處理整數(shù)和浮點數(shù)。 基本運算符處理數(shù)字。

還有一個特殊的無窮大數(shù)。 您只需要做1/0-因此，一除以零。 該值被認為是有史以來最大的數(shù)字，不能視為較小的結果。

如果您得到NaN，則表示您遇到了計算錯誤。 這也意味著您要對沒有意義的數(shù)學運算進行操作，例如將字符串文本除以數(shù)字。

(2) 大整數(shù)

在JavaScript中，它可以執(zhí)行的最大數(shù)字約為16位數(shù)字。 在大多數(shù)情況下，我們的應用程序可以生存的數(shù)字少于16位。  但是，有時我們可能會需要很大的數(shù)字來使用它，例如密碼學。

通過在數(shù)字末尾添加n來創(chuàng)建BigInt。

const someMassiveNumber = 1234567890123456789012345678901234567890n;

(3) 串

字符串是文本變量，用引號引起來。 您可以使用3種類型的引號-"單引號"，"雙引號"和"反勾號"

雙重和單一在JavaScript中沒有區(qū)別。 反引號更多地用于擴展字符串的功能，并用于使用$ {}嵌入變量。

例如：

let cat = "Tibbers";console.log( `Hi, ${cat}` );

如果您在上面的示例中使用了引號，它將變成普通字符串。

(4) 布爾型

將打印出正確或錯誤

這通常是某種比較的結果。

(5) 空值

它只是意味著"沒有"。 您不會在其他語言中看到的空指針內(nèi)容。

(6) 未定義

未定義只是表示尚未分配值。 沒有什么花哨。

(7) 對象

其他類型的數(shù)據(jù)類型很簡單，因此稱為原語。 對象是使您可以為其設置多個項目的事物。

5. 類型轉換

有時，無論出于何種原因，您都需要在不同類型之間切換。 這是您的操作方式。

let someFakeBoolean = true; someFakeBoolean = String(someFakeBoolean); //using String() will convert your variable into a stringlet someFakeNumber = "3872"; someFakeNumber = Number(someFakeNumber); //using Number() will convert your string into a number

請注意，將隨機文本轉換為數(shù)字是行不通的，通常這樣做沒有任何意義。 您將以NaN結尾

Boolean()會將任何值轉換為true或false輸出。 任何"空"(例如0，null，undefined和NaN)都將返回false。  其他一切都會返回true

6. Operator

這些運算符不是特定于JavaScript的，大多數(shù)編程語言通常都以相同的方式來支持它們。 這是清單：

AND (&) OR (|) XOR (^) NOT (~) LEFT SHIFT (<<) RIGHT SHIFT (>>) ZERO-FILL RIGHT SHIFT (>>>)

使用這些運算符時，只需大聲說出它們，然后它們基本上會執(zhí)行您的要求。

例如：

printLine(line, id){    if(line & id){ //if both exists, run this code     } }

7. 比較

考慮一下數(shù)學比較。 這就是這些：

• 大于/小于：a> b，a

• 大于/小于或等于：a> = b，a <= b。

• 等于：a == b(單=號是賦值而不是比較器)。

• 不等于。 a!= b。

8. 提醒，提示，確認

這些是彈出"彈出"的彈出窗口

alert(yourMessageHere);

提示有兩個參數(shù)-問題和答案。

let promptpromptMe = prompt('your question here', ['blue pill', 'red pill']);alert(`You've taken the ${promptMe}`);

確認表示您需要單擊接受按鈕以使代碼返回true。

let isOver18 = confirm("Are you over 18?");alert( isOver18 ); // true if OK is pressed

9. 有條件的

曾經(jīng)如此著名的if語句是開始JavaScript項目的骨干。 這個想法很簡單，如果滿足條件，請運行代碼。

看起來是這樣的：

if (true) alert('woot!');

條件始終返回布爾值作為最終結果。 因此，您可以在其中進行數(shù)學比較，檢查以及您想要的其他任何內(nèi)容，只要它的計算結果為布爾值即可。

除了if語句外，還有if和else

else if用另一個if語句擴展它。 否則僅以catch各種子句結尾。

看起來是這樣的：

if(false){    //this code won't run because it returned false  }  else if(false){    //this also won't run } else if(false){    //still nope } else {    //final catch all }

10. 循環(huán)

可以將其視為重復的if語句，而不必每次都手動寫出相同的內(nèi)容或進行多次調用使其運行。

它具有條件，并且僅在條件返回false時才停止運行代碼

let i = 0; while(condition){    //some code here    //don't forget to set your exit clause by modifying the condition to return false. Most people just use i++ }

" do&hellip;while"循環(huán)將其語法顛倒過來，并在運行代碼后檢查條件。 為什么? 因為有時您只需要至少運行一次代碼即可。

看起來是這樣的：

do {    //some code here } while(condition);

11. 切換語句

Switch語句基本上使您能夠編寫選項。

看起來是這樣的：

switch(yourValueHere){    case 'optionOne' :      //your code here      break;    case 'optionTwo':      //your code here      break;    case 'optionThree':      //your code here      break;    default:      //your fallback code here  }

您還可以對案例進行分組，這樣您就不必多次編寫相同的輸出。

switch(yourValueHere){    case 'optionOne' :    case 'optionTwo':      //your code here      break;    case 'optionThree':      //your code here      break;    default:      //your fallback code here  }

12. 函數(shù)

功能就像JavaScript應用程序，庫，框架和任何以腳本語言編寫的"程序"的構造塊。

我們之前已經(jīng)遇到過一些內(nèi)置函數(shù)，例如alert()和hint()

您可以這樣編寫自己的函數(shù)：

function functionNameHere(){    //your code here }

然后，您只需使用函數(shù)名稱進行調用即可：

functionNameHere();

13. 函數(shù)表達式

編寫函數(shù)的方法不止一種。 您可以通過以下幾種方式編寫它：

function yourFunctionName(){    // some code here } let anotherFunction = function(){}

14. 箭頭函數(shù)

箭頭函數(shù)只是使編寫函數(shù)更短的語法。 看起來是這樣的：

let functionNameHere = (argumentsHere) => //do something

箭頭功能通常位于一行上，但是在卷曲{}的幫助下，可能會出現(xiàn)多行

看起來是這樣的：

let cat = () => {    //this is    //a multi-line    //example    return someValue;    //is required. Can just be a straight return;  }

當使用帶有箭頭函數(shù)的curl {}時，還需要使用return退出它。

上述內(nèi)容就是如何理解那14個基本JavaScript概念，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業(yè)資訊頻道。