1.模版字符串的詳解

1.1 模版字符串的使用方法

在ES6之前，如果我們想要將字符串和一些動態的變量（標識符）拼接到一起，是非常丑陋的（ugly)

ES6允許我們使用模版字符串來嵌入變量或者表達式來進行拼接

• 首先，我們會使用``符號來編寫字符串，稱之為模版字符串
• 其次，在模版字符串中，我們可以通過${expression}來動態嵌入內容

//  1.Es6之前const name = "why"const age = 18//  const info = "my name is" + name +", age is " + age
//2.Es6之后
const info = ` ma name is ${name} ,age is  ${age}`

1.2 標簽字符串的詳細使用

• 模版字符串還有另外一種用法：標簽模版字符串（Targged Template Literals)
• 我們來看一個普通的JavaScript的函數

function foo(...args){console.log("參數",args)}
foo("why",18,1.88)

• 如果我們使用標簽模版字符串，并且在調用的時候插入其他的變量
  1. 模版字符串被拆分了
  2. 第一個元素是數組，是被模塊字符串拆分的字符串組合
  3. 后面的源塑膠是一個個模版字符串傳入的內容

//2.標簽模版字符串的用法
function foo(...args){console.log("參數",args)}
// foo("why",18,1.88)
//反引號也可以調用函數的  并且會將反引號里面的內容傳入函數里面去foo`my name is ${name},age is ${age}`

說了這么多，聽著是否有點抽象，但是后續在我們的React框架中會用到 (css in js)

如何將css寫到js里面呢，我們會用到React的styled-components庫

2.ES6函數的增強用法

• 在ES6之前，我們編寫的函數參數是沒有默認值的，所以我們在編寫函數時，如果有下面的需求:
  • 傳入了參數，那么使用默認參數
  • 沒有傳入參數，那么使用一個默認值
• 而在ES6中，我們允許給函數一個默認值：

2.1 函數默認值的補充

• 默認值也可以和函數解構一起來使用