JavaScript基礎複習(1)

Lucy’s cornerstone
狐狸的葡萄酒
Published in
4 min readOct 10, 2020

遺忘的,現在開始找回來。

Photo by Paul Esch-Laurent on Unsplash

程式是甚麼?

就是運用電腦所懂的語言,給電腦下一連串的指令,完成我們想得到的結果。原本電腦只看得懂0與1,也就是2進位語言,0就是off,1就是ON;但人很難理解;歷經低階語言、組合語言後,出現Javascript等高階語言,語法比較接近我們思考的邏輯,也比較好下指令。

什麼是整合開發環境?

即IDE(Integrated Development Environment),集合所有撰寫程式功能於一身的輔助軟體,可以在上面持續撰寫程式、修改、除錯、測試等等。

以雲端IDE來說,像是CodePenRepl.it就是了。不用安裝,直接在網路上編輯。

變數是什麼?

變數就像是一個空箱子,當賦予變數一個名稱時,裡面就可以儲放資料,當呼叫變數的時候,資料就可以取出使用。

順序:

  1. 宣告(declare)變數名稱
  2. 創建(create)資料
  3. 將變數指向(assign)資料
let luckyNumber= 2345

即是用let去命名luckyNumber這個變數,2345是資料,"="是使變數指向資料。

  1. 宣告(declare):使用let、const來宣告變數名稱

除了let,還有const可以用。

let稱為變數,const稱為常數。let宣告比較寬鬆,如果之後想改變數資料,可以在其後更改資料內容,例如:

let luckyNumber= 2345
luckyNumber=5678
console.log(luckyNumber)=5678

console.log就是取值的意思。

const就是一旦決定就不可更改。看資料的種類,再決定使用哪種宣告方式。

最早只有var的宣告方式(當然現在還可以使用),但是由於他是全域變數,區隔不夠明顯,因此若是寫不好,容易汙染到整個程式。

2. 變數:luckyNumber就是變數。

命名變數的規則:

(1)駝峰命名法:如果有包含兩種以上的詞,第2個詞及其後的詞開頭要大寫,例如numberSelectorMachine。

(2)可以使用$、_、數字來為變數命名,但是數字不可以是變數的首字。

(3)大小寫的變化:MyMoney和myMoney會被視為不一樣的變數。

(4)禁止烤肉串命名法:例如my-money,其實他是CSS的命名法之一,但是不適用於JavaScript。

3. 指派(assign):就是指"="。

使用=來將資料指派到這個變數裡面。

JavaScript的資料型別?

資料型別是指告訴電腦如何使用這筆資料。

資料結構是資料的集合體,好的資料結構將資料組織起來,能夠讓程式執行得更快。

在JavaScript ES6中,有七種的資料型別:

String:用單引號或雙引號標註的字串,如"你好嗎"

Number:數字,如123

Boolean:布林值,True 或 False

Null:空值,不存在

Undefined:指派變數,但是裡面沒有資料

Symbol

Object:物件,可以將不同型別的東西放在裡面,陣列就是一個例子

如何檢查資料型別?

使用typeof來檢查。

例如:
let myNumber="2345"
typeof myNumber
→→"string"
-----------------------------------
let myNumber=2345typeof myNumber→→"number"

型別強制轉換

當兩個型別的資料加在一起,系統會強制轉為其中一種型別。

let myNumber=23
let myMoney="45"
console.log(myNumber+myMoney)
→→"2345"

字串裡插入變數

使用模板字符串(template literal)+${變數}即可。

let myNumber=2345
let stringStep=`your score is ${myNumber}.`
console.log(stringStep)→→your score is 2345.

--

--

Lucy’s cornerstone
狐狸的葡萄酒

一位護理師,也是一位多元學習者。目前也在學習多益、股票投資,對很多東西都充滿好奇。