整理了一下之前的JavaScript的入門筆記。
B站學習視訊：
JavaScript-45分鐘快速入門
JavaScript速成課【油管最火JS教程】

型別

Primitives/Value Types

• String
• Number
• Boolean
• Undefine（既是型別也是值）
• Null

let name = 'J'; // String （或"J"）
let age = 20; // Number
let isTrue = true; // Boolean 
let firstName = undefined; // 未定義
let selectedColor = null; // 當要清除一個變數值的時候，用null
 

// 檢視變數的型別，typeof
typeof name; //"string"
typeof firstName; //"undefined"
typeof selectedColor; //"object"

Reference Types

• Object
• Array
• Function

Object

例如這裡的兩個變數 n a m e name name和 a g e age age，他們可以代表一個人

let name = 'J';
let age = 20;

但與其宣告兩個變數，不如直接宣告一個 p e r s o n person perso

// 鍵（key）：值（value） 對，key是Object的屬性
let person = {
	name:'J',
	age:20
};
console.log(person);

JS是動態語言，執行時可以改變變數型別，有兩種方式來使用這些屬性：

// 1.點標記法
person.name = 'John';
//2.屬性括號法
person['name']='Mary';

// 點標記法更簡單明瞭
// 但當訪問的屬性不確定時，選擇用屬性括號法
let selection = 'name';
person[selection] = 'Mary';

Array

陣列的長度和陣列中的物件型別都是動態的，都可以改變，並且在JS中，陣列可以儲存不同型別的資料。

let selectedColors = ['red','blue'];
selectedColors[2] = 'green';
selectedColors[3] = 1;
// 陣列的Properties，例如length
console.log(selectedColors.length);  //4

Function

Function是JS中的基本結構塊，是執行特定任務或計算值的語句。

// 執行一個任務 [任務：在控制檯輸出一些東西]
function greet(name, lastName){
    console.log('Hello ' + name + ' '+ lastName);
    // 模板字串方法
    
}
greet('John','Smith');  // Hello John Smith
// 計算一個值
function square(number){
    return number*number;
}
console.log(square(2));