一、前面都在操作網頁，那JavaScript本身?

前幾天我們一直在跟網頁互動培養感情，先找到HTML，再觸發事件以及修改CSS樣式，這些操作都會了，但我們實際上還沒有真正了解關於JavaScript的語法。
所以!!今天就要先來認識這三個很重要的東西:

• 變數
• 條件判斷
• 函式

1. 變數

可以將變數想像成一個「盒子」，可以將資料放進去，之後再拿出來使用。
這裡介紹兩個JavaScript常用的宣告變數let、const。

之前可以使用var來宣告，現在jses6不建議使用，會導致變數互相影響

使用方法

let title = 'JavaScript';
const day = 6;
console.log(title);
console.log(day);

結果就會出現我們賦予他的值呈現在console。console這邊就可以將我們剛剛存放的資料拿取出來。

這邊做一個簡單的比較，一定會有一個疑問，既然let跟const都是宣告變數，那為什麼需要兩個一個就夠了吧?

👉🏻 let → 可以重新賦值  const → 建立後不能重新賦值

2. 條件判斷

套用python裡面，條件的定義就是「如果這個條件成立就執行，否則結束」，那最常用到的語法就是 if...else。
簡單舉個例子:
通過條件判斷，當成績大於等於60時，就會透過console.log()回傳'PASS'，否則回傳'F'。

let score = 80;
if (score >= 60){
    console.log("PASS")
}else{
    console.log("F")
}

let score = 50;
if (score >= 60){
    console.log("PASS")
}else{
    console.log("F")
}

3. 函式function

將函式想像成是一台「機器」，可以將存放的資料，拿起來「執行」的一個過程。
舉個簡單例子帶你看看函式:
將已經存放在函式裡面的資料，拿出來執行。

function sayHello() {
    console.log("Hello JavaScript!");
}

二、小小比較

變數 → 儲存資料 
if → 判斷條件 
function → 把程式整理成可以重複使用的工具

三、結論

前幾天學會怎麼控制網頁，但今天我們已經學會怎麼控制「程式本身」，既然都了解完程式很重要的幾個點，接下來如果遇到一大堆資料，難道要一個一個建立變數嗎？這邊先告訴你:
當然不用！

下一篇就來認識 Array 和 Object，看看 JavaScript 要怎麼一次處理大量資料。