JavaScript 註釋、變量、數據類型和你好，世界！
為了正確地學習一些東西，你必須從頭開始。您一次學習一個概念，處理它，然後轉到下一個。例如，當您學習西班牙語時，首先您要學習如何說“¿Cómo estás？” （你好嗎），但下一個合乎邏輯的步驟是不要記住“estar”的所有可能的變位和不規則性 - 可能是學習如何說“Me llamo ...”（我的名字是）。
許多編程教程和指南的最大問題是它們提供瞭如此多的背景信息，並希望涵蓋所有可能的用例，但最終卻變得不堪重負且無趣。如果我看到一大塊代碼，我不知道其中發生了什麼，我會立即放棄。
目標是不斷學習和吸收信息，同時感到投入而不是不知所措。
本指南適用於誰？
這篇文章，以及我可能從中創建的系列文章，適用於那些以前從未使用過編程語言，但已經對 HTML 和 CSS 有所了解的人。
先決條件
JavaScript 是一個客戶端 編程語言，這意味著它在用戶的網絡瀏覽器中執行。這意味著您無需安裝任何東西即可開始編寫 JavaScript - 只需 Chrome、Firefox、Safari 或您通常瀏覽的任何東西。
我建議去 CodePen 並創建新的筆來練習。還有其他選擇，比如 JSFiddle，但我個人最喜歡 CodePen。
目標
本課的目標是熟悉與 JavaScript 相關的語法和一些重要的編程概念。
確保在練習時手動輸入所有內容 - 不要復制和粘貼。
那麼，讓我們開始第一課吧。
評論
- 單行註釋 用 JavaScript 編寫為兩個斜杠
//其次是評論本身。 - 多行註釋 用斜線和星號寫成
/*,*/，作為開始和結束標籤，中間有註釋。 - 註釋也可以用來阻止某些代碼運行，這就是所謂的註釋掉 編碼。這對於測試目的很有用。
// This is a single line comment.
/* This comment
can span multiple lines. */
// var firstName; this code has no function, because it has been "commented out".變量
通過鍵入 var 創建變量 後跟您的唯一變量名稱。已創建但未賦值的變量是未定義 .
-
可以分配給變量的值包括數據類型，例如數字、字符串、對象和布爾值 . *變量名可以包含字母、美元符號字符
$, 下劃線_, 和數字（但不能以數字開頭）。 -
JavaScript 變量命名的約定是 camelCase , 表示第一個單詞是小寫的，後面的每個單詞都是大寫的。
var firstName // Variable is declared, but not assigned a value.
var firstName = 'Tania' // Variable is declared and assigned a value.數據類型
JavaScript 數據類型包括字符串、數字、布爾值、未定義、空值和對象 .任何不是對象的數據類型都稱為原語 .
字符串
字符串用雙引號 " 括起來 或單引號 ' （不要與反引號 ``` 混淆）。兩者都可以接受，但字符串必須以相同類型的引號開頭和結尾。
'Anything within quotes is a string.' // A string.
'It can have single or double quotes, as long as both ends match.' // Another string.
// Applying that string to a variable named explanation.
var explanation = 'Anything within quotes is a string.'由於字符串以引號開頭和結尾，如果您想要字符串中的引號怎麼辦？有兩種方法可以照顧它。一種是使用相反類型的引號。
"I'm using a single quote within a double quoted string."
'I can also use "double quotes" inside a single quoted string.'
如果您必須使用與字符串相同類型的引號，請使用反斜杠 \ “轉義”引用。
'I\'m using a single quote within a single quoted string.'
"I can also use \"double quotes\" inside a double quoted string."數字
- 數字不能包含分數，也不能用逗號書寫。
- 數字可以帶小數，也可以不帶小數。
- 數學函數也會產生一個數字。
var number = 5
var bigNumber = 5555555555
var sum = 1 + 1 // The variable sum now has the number value of 2.NaN
NaN 是一個保留字，代表 Not a Number。有趣的是，NaN 是數值數據類型。 NaN 通常是嘗試對非數字的事物進行算術運算的結果。
var impossibleEquation = 2 / 'string' // Two divided by "string" results in NaN.布爾值
var happy = true
var sad = false未定義
var undefinedVariable // This variable has been declared but not defined.
undeclaredVariable // This variable is undeclared because the var keyword has not been used.空
var nonexistent = null // The variable nonexistent is defined but null.對象
var exampleObject = {} // An empty object is initialized with an object literal.
var person = {
name: 'Tania',
age: 26,
}
在上面的例子中，person 是對象 , name 是鍵 （屬性名稱）和 "Tania" 是值 （屬性值）。使用點 . ，可以獲取對象的屬性或方法。 person.age 將返回 26 的屬性值 .
var myAge = person.age // Applies the number 26 to the variable myAge.數組
var exampleArray = [] // An empty array is initialized with an array literal.
var beverages = ['coffee', 'tea', 'juice']
數組中的每個值都由一個數字表示，從 0 開始。在上面的示例中，"coffee" 是 0 , "tea" 是 1 等。
var favoriteBeverage = beverages[0] // Applies the string "coffee" to the variable favoriteBeverage.打印輸出
許多編程語言都有“打印”輸出的選項。使用 print，您通常可以看到語句或函數的結果，或者變量的內容。JavaScript 不像其他語言那樣具有內置的“print”或“echo”關鍵字，但一開始，我相信查看 JavaScript 語句結果的最簡單方法是使用 console.log() .在下面的例子中，我將聲明一個簡單的變量，給它賦值一個字符串，並將變量的輸出寫入HTML文檔。
練習
以下是一些練習建議，您可以通過這些練習來練習今天所涵蓋的內容。
- 創建一個代表您自己的對象，其中列出您的名字、姓氏、年齡、性別和職業。
- 將每個對象屬性分配給一個變量。
- 創建一個列出五種動物的數組。
- 將您最喜歡的動物分配給一個變量。
- 將一個數字除以一個字符串並打印結果（應該是 NaN）
- 將五個對或錯的語句寫成註釋，並將它們作為布爾值應用於變量。
結論
看起來不是很長的一課，但是這裡已經為那些從未學過編程的人介紹了很多概念。儘管編程語言的語法、優勢和功能之間存在差異，但這裡的大多數概念都適用於其他語言。例如，變量存在於 PHP 中，但總是以 $ 開頭 並且沒有用 var 聲明 .儘管語法不同，變量仍然是數據的存儲容器。這意味著您可以將所學的概念應用於將來學習新語言。
在下一部分中，我將介紹相等比較、條件語句和運算符/算術。第二部分
