基礎速覽

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

[[325996]]

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

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

 

1. 代碼結構

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

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

例如，這是一條語句：

alert('Say hi'); 

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

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

例如：

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

2. "use strict"

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

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

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

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

3. 變量

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

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

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

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

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

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

4. 數據類型

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

(1) 數

let someNumber = 2984;  
someNumber = 29.84; 

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

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

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

(2) 大整數

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

通過在數字末尾添加n來創建BigInt。

const someMassiveNumber = 1234567890123456789012345678901234567890n; 

(3) 串

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

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

例如：

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

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

(4) 布爾型

將打印出正確或錯誤

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

(5) 空值

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

(6) 未定義

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

(7) 對象

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

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 

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

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

6. Operator

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

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

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

例如：

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

7. 比較

考慮一下數學比較。 這就是這些：

• 大于/小于：a> b，a
• 大于/小于或等于：a> = b，a <= b。
• 等于：a == b(單=號是賦值而不是比較器)。
• 不等于。 a!= b。

8. 提醒，提示，確認

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

alert(yourMessageHere); 

提示有兩個參數-問題和答案。

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. 有條件的

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

看起來是這樣的：

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

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

除了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. 循環

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

它具有條件，并且僅在條件返回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…while"循環將其語法顛倒過來，并在運行代碼后檢查條件。 為什么? 因為有時您只需要至少運行一次代碼即可。

看起來是這樣的：

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. 函數

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

我們之前已經遇到過一些內置函數，例如alert()和hint()

您可以這樣編寫自己的函數：

function functionNameHere(){  
  //your code here 
} 

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

functionNameHere(); 

13. 函數表達式

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

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

14. 箭頭函數

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

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

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

看起來是這樣的：

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

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