变量解构

• es6 允许按照一定的设计模式从数组和对象中提取,然后对变量进行赋值,叫做结构赋值

• 数组的解构

  const kkk = ['lmk', 'kml'];
  let [l, m] = kkk; // 这个 l 和 m 就代表kkk数组里的值
  console.log(l); // lmk
  console.log(m); // kml

• 对象的结构

  // 这是一个对象 
  const zhao = {
      name: 'kkk',
      age: '123',
      s: function() {
          console.log('hhh');
      }
  }
  // 下面将这个对象进行结构,然后赋值给变量
  
  let {name,age,s} = zhao;
  console.log(name); // 打印出 kkk
  s(); //调用 这个s函数
  // 注意 这个 解构的变量名必须和 对象key是一样的  
  // 不一样会报错..

模板字符串(格式化字符串)

• es5中 声明字符串是 用 “双引号” 和 ‘单引号’

• 在es6中 引入了一个新的声明字符串的方式 `反引号`

• 声明字符串

  // 1.声明字符串
  let str = `这是一个字符串`;
  console.log(str, +'类型是' + typeof str);
  

模板字符串的特性

• 内容可以直接换行

  // 内容可以直接出现换行符
  let str1 = 'ul ul 不可以直接换行'
  
  let str2 = `可以 
              直接出现
                  换行符`
  // 用了 反引号后 可以直接换行(和py的三引号一样)

• 字符串拼接

  let str3 = 'lmk';
  let str4 = `${str3}就是我`
  console.log(str4); // 结果是 lmk就是我

对象的简化写法

• es6允许在括号里面直接写入变量和函数作为对象的属性和方法,因为这样书写更加简洁
• es5中正常写法

  var name = 'lmk';
  var change = function(){
      console.log('wo');
  }
  var school = {
      name:name,
      change:change,
      improve: function(){
          console.log('学习es6');
      }
      // 这里的school对象调用的是 上面定义的两个变量
  }
  
  console.log(school) // 调用school对象 

• es6中简化写法

  let name = 'lmk';
  let change = function() {
      console.log('wo');
  }
  const school = {
          name, // 等于 name:name,
          change, // 等于 change:change
          // 简化方法的定义 正常是 improve: function(){console.log('学习es6');}
          improve() {
              console.log('学习es6');
          }
      }
      // 这里的school对象调用的是 上面定义的两个变量
  
  console.log(school);