Beginner JavaScript Notes

JavaScript是一種動態型別的程式語言(Dynamically Typed Language),使用變量(Variable)及常量(Constant)來儲存數據。變數可以先宣告,再賦值,如:

1
2
let age
age = 20

常數則否,一定要同時進行,如:

1
const myage = 18

所謂動態型別的程式語言是指,在運行期間才做數據類型檢查的語言。即動態類型語言編緝程式時,永遠不用給任何變量指定數據類型。 該語言會在第一次賦值給變量時,在內部將數據類型記錄下來

並且充許在運行周期裡,儲存不同類型的數據。 例如:

1
2
let message = 2; //數值
message = "Hello World" //轉換成字串

命名方式

  1. 可使用包含字母、數字、$、_
  2. 首字符不能是數字
  3. 使用駝峰式命名法(如:myName)

八大資料型別

原始型別(Primitive Type) 物件型別( Object Type)
Boolean Object
Null
Undefined
Number
Bigint
String
Symbol

使用typeof 運算子可以幫助你判斷型別,其中函式(function)和陣列(array)、日期(date)皆為物件(Object)的一種,function 是可呼叫的物件,而 array 是結構較嚴謹的物件。

Function 函數

  • 函數是一個行為(action)
  • 一般只執行一個功能
  • 參數可以配默認值參數 = "默認值"
  • 可以返回或不返回值,返回值時需使用return

Async Await

promise的出現,目標是為了解決callback hell的現象,而Async Await則是為了讓非同步執行變得更簡潔,更直觀

callback -> promise -> Async Await

特點:

  1. 更貼近同步執行程式碼
  2. 概念是由promise基礎上演變
  3. Async Await會返回promise object
  4. Await關鍵字只能在Async function裡使用,必須尾隨promise object
  5. 使用try catch語句捕捉Async Await出現的錯誤
updatedupdated2022-05-142022-05-14