字符串扩展----ES6重刷03

1、字符串遍历接口iterator，所以可以利用for …of循环遍历【注：只有存在interator的数据结构才能使用for …of循环遍历，否则报错no interator】

const string = 'burningSnow'
    for (let item of string) {
      console.log(item)
    }

2、字符串模板
示例： ksnask?${variable}shasip83
用途一、已函数表达式、语句表达式、变量等的形式插入到所需拼接的字符串中

const name = 'chujiu'

const nameTempalte = ({ name = 'burningSnow' }) => {
  console.log(`this is a public ${name}`)
  return `this is a public ${name}`
}

// 代码块中没有相应的let or const变量定义，所以内部name为全局的name
// 这里为什么不用查询代替临时变量的手法呢？这是因为如果使用`this is a stringTempalate ${nameTempalte({ name })}`
// 代替临时变量，的确可以抹除临时变量result，但是这会造成函数nameTempalte的二次调用，这是我不想看到的。
const stringTempalte = () => {
  const result = `this is a stringTempalate ${nameTempalte({ name })}`
  console.log(result)
  return result
}

stringTempalte()

用途二、模板嵌套【至于为什么单独拎出来，这是因为以前的我忽略了这一点】

const name = 'chujiu'

// 同下解释
const nameTempalte = ({ name = 'burningSnow' }) => {
  `${console.log(`this is a public ${name}`)}`
  return `this is a public ${name}`
}

// 注意，字符串的嵌套要注意那块是个整体不可拆，比如nameTempalte()，这就是块整体；{name}这也是块整体
// 代表的是函数和变量，倘若这样写`this is a stringTempalate ${nameTempalte`${( {name} }`)}`，则就
// 会报错，因为ES6不知道那个是函数，那个是变量
const stringTempalte = () => {
  const result = `this is a stringTempalate ${nameTempalte(`${ {name} }`)}`
  console.log(result)
  return result
}

stringTempalte()