ES6-入门一、概述随着前端开发的深入，一些常用的ES6的技术需要总结下使用，今天主要练习下日常工作中常用的一些功能点

随着前端开发的深入，一些常用的ES6的技术需要总结下使用，今天主要练习下日常工作中常用的一些功能点。

大大简化了字符串的拼接，并且写法十分优雅与可读。注意：output的引号是反引号，一般位于键盘上Tab键的上方。

let content  = 'this is template test'
let output = `
  <div>
    <span>${content}</span>
  </div>`
console.log(output)

在控制台练习：

对象扩展使用三个点号...

常见的场景有把一个对象拼到另外一个大的对象上，如下

let partInfo = {name: 'panda', age: 40}
let allInfo = {...partInfo, address: 'xiamen'}
console.log(allInfo)

该运算符会把partInfo的属性合并到allInfo中，而不是allInfo再嵌入一个partInfo对象。

对象的拷贝使用到了Object.assign函数。

let objA = {a: 'a1'}
let objB = {a: 'a2', b: 'b2'}
let objC = {a: 'a3', c: 'c3'}
Object.assign(objA, objB, objC)
console.log(objA)

objA对象依次被objB、objC对象中的属性覆盖。

模板字符串是Vue中的computed属性中很常用。
扩展运算符是项目中常用的技术点，在拼装参数的时候费用有用。
对象拷贝在我的项目中做了一些封装，基于objA的对象属性进行拷贝，不是objA的属性就不拷贝，避免多余的信息拷贝。