---
# System prepended metadata

title: 字串模板
tags: [Mike課程]

---

---
tags:  Mike課程
---


# 字串模板

* 一般我們在寫舊的連接字串的方式

```javascript=
     const add = (name,age) =>{
        return "hi" + name + "今年" + age + "歲"
      }

      console.log(add("Bryan", 18));
```

* 在使用新的字串方式可使用反引號 `` 符號包起來，並將變數傳入 ${ } 中

```javascript=
      const add = (name,age) =>{
        return `hi  ${name}  今年  ${age}  歲 `
      }

      console.log(add("Bryan", 18));
```


<div class="alert alert-success text-center">
     在新的字串中可支援 "空白間隔跟換行"
</div>

```javascript=
      const add = (name,age) => {
        return `
        hi ${name}  
        今年  ${age} 
        歲 `;
      }

      console.log(add("Bryan", 18));

```
log顯示 :![](https://i.imgur.com/Lqj8jUB.png)


