iT邦幫忙

2024 iThome 鐵人賽

DAY 5
0
JavaScript

30天享用JavaScript概念三明治系列 第 5

Day5:現形咒|阿八拉象=console.log

  • 分享至 

  • xImage
  •  

現形咒 (Revealing Charm) 咒語:阿八拉象 | Aparecium 是一個可以讓被隱形墨水或隱匿咒隱藏的字跡重新顯現出來的魔咒。


原本今天打算要一口氣介紹JavaScript的7個型別:

  • 基礎型別
  1. 字串(String)
  2. 數值(Number)
  3. 布林(Boolean)
  4. 未定義(Undefined)
  5. 空值(Null)
  • 複合型別
  1. 物件(Object)
  2. 陣列(Array)

但對自己而言這進度太樂觀,還是一個一個來吧。
於是今天會先介紹字串。(P2-6)

然而在閱讀過程中被作者提到的console.log吸引了。 (P2-7)
得知它可以把某數值「印」出來(顯示某數值),覺得特別有趣也讓我聯想到哈利波特,所以Day5標題就這麼訂囉。

接著,試著用適合初學者練習寫程式的CodePen當作魔法棒跟著作者的方法實際操作。


基本字串的用法
可用單引號' '或雙引號" "表示,且必須成對使用
https://ithelp.ithome.com.tw/upload/images/20240806/20168361IN5NM9VHJB.png

如引號不成對會出現錯誤
https://ithelp.ithome.com.tw/upload/images/20240806/201683611nZowCOoVb.png

串連多個字串
字串可以相「加」。相加後兩個字串合成一個字串
https://ithelp.ithome.com.tw/upload/images/20240806/20168361veoskB1kyk.png

字串模板(化繁為簡) ES6後出現的寫法
變數有很多個的時候,整理前長這樣
https://ithelp.ithome.com.tw/upload/images/20240806/201683613NJQOZGEgw.png

變數有很多個的時候,使用字串模板整理後照理說console.log後會長這樣
"Hello, my name is Ann, nice to meet you." (O)
但不知道自己究竟哪裡出錯了,變成這樣
"Hello, my name is ${ann}, nice to meet you." (X)
https://ithelp.ithome.com.tw/upload/images/20240806/20168361nuhsf3tWUq.png


上一篇
Day4:變數的相反詞=常數
下一篇
Day6:如何將程式語言寫得更精巧=模板字串
系列文
30天享用JavaScript概念三明治6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言