iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 28
0
自我挑戰組

一步一腳印,探索網頁前端設計之美系列 第 28

第二十八步 - 宣告第三關破解方法(JavaScript 變數)

大家好,我是喵橘,今天是一個悶熱的星期日,我要報告 JavaScript 變數的部分。

JavaScript 變數

何謂變數? 變數就可以比喻可以一個放入東西的箱子,在程式裡專業說法就是存取資料的過程,又稱為 識別碼 ,它可以用底線、數字或英文來組合成,在示範宣告變數方法前,先說明一下宣告變數的命名還是有一些規範,如下表所顯示:

規則 舉例
開頭字元必須要英文、底線或者是$字號 例如:_orange、$god
變數名稱有大小寫的分別 例如: Orange、orange
不可以用程式裡的保留字 例如: for、do
變數第二個字後就可以使用英文;數字與底線 例如:Orange2019

當然阿,撰寫程式就是要方便管理以及易於閱讀才是重點,而不是像我們在學生時期隨便取名,我舉自己在學生時期的取名,像是:a1、b1、c1,可以說是不良示範,常常想要返回看程式碼,就要花時間去了解每一行意義,是相當辛苦的事情,所以我列出一些取名的建議,如下表所顯示:

建議 舉例
一眼就能了解大概功用的名稱 例如:txt、file
不要取名過短或者是過長 例如: point
不要用類似的取名在同一個程式取名 例如: 不建議:use1、use2
要用易閱讀的單字取名,盡量不要用數字 例如:不建議:oop2019
可以使用一些取名方法 例如:下劃線命名法

變數宣告

使用變數之前,都必須事先進行宣告。以下示範宣告的方法:

// var 變數名稱 [= 初始值],....

var orange;

假如有多個變數,會有兩種寫法。

var orange;
var ice;

var orange, ice;

此外也能設定變數的初始值,如下所顯示:

var orange = 8;

上面那一句的意思就代表右邊 8 的數字 放入變數 orange 的箱子裡。

其實到了 ES6 還有一個新的變數宣告方法,它就是 let ,功能其實跟 var 是一樣,不一樣的地方就是不能使用相同的變數,來進行覆蓋,這樣說有點難懂,我就舉個例子,如下所顯示:

// 錯誤示範
let orange = 5;
let orange = 10;

明天預告


今天是講解 Javascript變數語常數部分,明天講解 Javascript資料型別部分,非常謝謝各位拜讀。


上一篇
第二十七步 - 第三層挑戰 (Javascript 基本程式規則)
下一篇
第二十九步 - 第三層各陷阱挑戰( JavaScript 資料類型)
系列文
一步一腳印,探索網頁前端設計之美33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言