iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
1
自我挑戰組

轉職道上的萌芽人生 − 自學程式開發ing系列 第 5

邁步向前的 Day5- JavaScript 變數

  • 分享至 

  • xImage
  •  

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^


今天來談談JS的變數。


變數

JS的變數,可以想像成是一個可以用來儲存各種「值」的 盒子,定義變數的基本語法為:var name = value

var:為一個 keyword 用來宣告變數。
name:為變數的名字,而被宣告為變數的名字稱為 identifier
=:為一個用來 指派operator,使指定的 value 裝進去 name 中。
(與 “ ==:等於 ” 比較。)
value:就是你想裝進該變數的「值」。

  • 也可以先只宣告變數,之後再定義他的值,但建議若非必要,則請在宣告同時定義變數。
  • JS中,identifier 可以由 字母、_$開頭(建議小寫字母),且注意避開內建存在的字詞(字詞一覽)。

定義變數同時建立各種Data types

在JS中,各種Data types可以在定義變數的同時,直接建立完成。
只需依照特定形式來定義值,則可建立相對應的Data types:

var a = true
//建立一個變數a,其值為 boolean (true)
var b = 123
//建立一個變數b,其值為 number (123)
var c = '一個字串'
//建立一個變數c,其值為 string (一個字串)
var d = {}
//建立一個變數d,其值為 object
var e = []
//建立一個變數e,其值為 array
var f = () => {}
//建立一個變數f,其值為 function

// 在JS中可用來註解,可使閱讀時有個目的方向,也幫助整篇code進行分類,增加可讀性。

keyword:const let

在ES6版本時,新增了兩個 keyword 來宣告變數:
const:定義後的變數為固定的值。
let:定義後的變數,其值可以再重新指派。

  • 需注意使用 const 定義的 object、array 等,雖不可重新指派值,其變數型別固定,但其內部元素是可以改變的。
  • 若非為必要變動值的變數,則建議皆使用 const 來定義變數。
  • 建議使用 constlet 取代 var。(原因後續補充)

p.s.關於分號的使用方式,分為兩派,一派認為在所有地方都需補上分號,一派認為只需在必要的地方使用分號,而我目前遵循後者。


上一篇
邁步向前的 Day4- JavaScript,來吧!
下一篇
邁步向前的 Day6- JavaScript - const/let 取代 var
系列文
轉職道上的萌芽人生 − 自學程式開發ing30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言