寫程式的目的,就是希望程式可以自動幫我們處理資料並且計算成果出來。
所以我們期待的運行流程就是
輸入->處理資料->輸出
例如,計算機軟體,就是我們輸入數字,並且輸入加減乘除,程式輸出計算的結果。
輸入:輸入要處理的資料,也就是想計算的數字
處理資料:程式處理資料
輸出:程式將計算的結果輸出出來。
大概理解之後我們可以開寫程式,可以使用編譯器,或者使用 Google 瀏覽器按下 F12 ,並且按下console 就可以在裡面開始寫程式。
變數就像一個存放資料的盒子,我們可以將資料放進盒子,並且告訴電腦那些盒子的資料需要處理,電腦就會去找正確的盒子進行運算。
我們可以使用 var
來宣告一個變數var number;
並且我們使用 =
將資料放進去
var number;
number=1
並且使用 console.log() 確定資料有沒有放進去
var number; // 宣告變數
number=1; // 將資料放進去
console.log(number); // 將資料印出來看看,可以知道這個變數裡面目前是什麼資料,印出結果為1
在程式碼裡面 =
並不是等於的意思,而是指定的意思,意思是要將資料放進去。
至於等於則會使用 ==
或者 ===
在 JavaScript 中電腦解讀程式碼是一行一行讀取,每打完一行打個分號,電腦就會知道這一行到此為止。
變數可以自由命名,不過我們應該命名一些,好懂得名稱,方便我們自己回想自己輸入了什麼內容。
例如,數字可以使用 number ,文字可以使用 str
var number=1;
var str="Apple";
console.log(number); // 將資料印出來看看,確定資料是 1
console.log(str); // 印出 Apple
我在指定 Apple 到 str 裡面,我使用了雙引號 ""
將我指定的資料放進去。
使用雙引號代表我想放的資料是文字,也就是字串。
var number=1;
var word="1";
console.log(number); // 印出 1
console.log(word); // 印出 "1"
我們可以做一些簡單的運算範例
var price=100; // 設定價格 100
var discount=0.8; // 設定折扣 八折
var tatol=price * discount // 將 price 與 discount 相乘後放進 tatol
console.log(tatol); // 印出 80
這樣就可以符合開頭講的邏輯。
輸入->處理資料->輸出
之後寫的程式可以運用一些別的技巧,程式就可以將要運算的資料放進變數,並且自動進行運算將結果輸出在網頁的畫面上。