ES6补充语法

73 阅读1分钟

* ES6补充

 *  模板字符串
 *  展开运算符
 *  对象简写语法
  • 1.模板字符串
    • 在ES5要么是'',要么是""包裹
    • 而ES6中推出的模板字符串是``包裹
    • 和之前的区别
    •    1.反引号可以换行,但是单引号双引号不行
      
    •    2.内部如果书写的有${},在内部可以识别出变量
      
  • 2.展开运算符
    • 在ES6推出了展开运算符 ...
    • 能顾展开数组,或者对象

    let arr = [1,2,3]
    console.log(arr)
    console.log(...arr)

    //2.1合并数组
    let arr2 = [...arr,100,101,102]
    console.log(arr2)

    //2.2函数传参
    function fn(a,b,c){
      console.log(a,b,c)
    }
    fn(...arr)

    //2.3展开对象
    let obj = {
      a:1,
      b:2
    }
    let obj2 = {
      ...obj,
      c:100,
      d:200
    }
    console.log(obj2)
  • 3.对象简写语法
    • 1.当对象的key与value相同的时候,并且value是一个变量.那么可以省略其中一个不写

    let name = '张三'

    let obj = {
      name,
      fn:function(){
        console.log('属性值')
      },
      fn1(){
        console.log('我是fn1')
      }
    }
    console.log(obj)
    obj.fn()
    obj.fn1()