ES6的一些新增

ES6的一些新增

箭头函数

 function f1(n) {
    return 10;
  }
  function f2(n) {
    return 10 * n;
  }
  let f3 = (n) => 10 * n;
  let f4 = (n) => {
    return 10 * n;
  };

解构赋值

  //解构赋值分为数组，对象结构
  //模式匹配
  let student = {
    name: "小明",
    age: 20,
  };
  let stu_name = student.name;
  let { name: s_name, age: s_age } = student; //对象解构赋值
  console.log(s_name, s_age);
  //数组解构赋值
  let number = [22, 33, 44, 55];
  //将数组的值放到变量中
  let [a, b, c, d] = number;
  console.log(a, b, c, d);

模板字符串

  //使用字符串拼接实现数据描述
  {
    let name = "小明";
    let age = 20;
    let info = name + "is" + age + "岁";
    console.log(info);
  }
  //使用模板字符串；
  {
    let name = "小明";
    let age = 20;
    let info = `${name}是${age}岁`; //插值运算符
    console.log(info);
  }

let和const

1.无变量提升

     console.log(x);
     var x = 100;
     let x = 100;
     console.log(x);

2.支持块作用域

  {
    let y = 1000;
    var z = 10;
    console.log(z);
    console.log(y);
    {
      console.log(y * 2);
      console.log(z * 2);
    }
  }
  console.log(y);