iT邦幫忙

2024 iThome 鐵人賽

DAY 19
1
自我挑戰組

JS漫遊記系列 第 19

JS漫遊記-19-樣板字面值

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20240831/20166952cYiPpjlLxy.jpg

嗨嗨~大家有吃過玖仰的布丁嗎~
大推大推~這家咖啡廳也是非常適合長久待的地方,有插座、便宜的飲料喔


那今天延續著昨天所說,要來討論樣板字面值~

樣板字面值的語法,主要是用反引號,把程式碼放在裡面。
另外,把變數或是表達式放進去${}中,先來看一下語法。

const greeting = `Hello, world!`;
console.log(greeting); // 輸出: Hello, world!

相關的舉例如下唷

字串插值

const name = 'Alice';
const age = 30;
const introduction = `Hello, my name is ${name} and I am ${age} years old.`;
將name、age都放在{}裡面,那``反引號中放內容
console.log(introduction); // 印出: Hello, my name is Alice and I am 30 years old.
const a = 5;
const b = 10;
const result = `The sum of ${a} and ${b} is ${a + b}.`;//運算的部分也可以同時放進去{}裡面喔
console.log(result); // 印出: The sum of 5 and 10 is 15.

我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~

對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。


參考文章:
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Template_literals


上一篇
JS漫遊記-18-迴圈應用
下一篇
JS漫遊記-20-物件
系列文
JS漫遊記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言