Javascript学习( 五 )（let&const，解构赋值，类与对象，箭头函数）（未完成）

关于ES6的一些知识点

一.let&const

1.let：其实es6改变了很多东西，至少让我又习惯了JS，为什么说是又，那就是let，毕竟以前C，Java学习惯了，对于变量的声明和作用域比较严格，Js在es5，还没提出这些功能，例如，块级作用域这类

但是从let出现之后，变量的声明和赋值就不存在es5里的声明提前，隐式声明等等，总结来为以下特点：
①.不能先使用在声明
②.不能重复声明
③.有块级作用域
2.const：这个关键字修饰的变量，声明后必须赋值，也就是初始化，而且初始化之后，不能进行修改（覆盖），可以理解成自己规定的常量

二，解构赋值

简单的说就是按照某种数据的解构，解析然后进行赋值（就是给数据写个模子，然后去对应数据里取数据，取出来的数据，按照模子里的结构，对应的去给它们赋值）
是一个相当简洁的方法，同样的还可以进行多层的解构，加上for循环，便可以用于大型后台数据的全部打印

同样的，也可以运用于函数的形参上
PS：…xx
2个用法
…xx xx是已知的容器名字:把容器中数据取出来: var arr=[1,2,2,1,3];var arr2=[…arr]
…xx xx是自己取的名字 在解构赋值中把容器中剩余数据取出来,给剩余数据去个xx的名字

类与对象

class Animal {
  constructor(){
    console.log('我是一个动物');
  }
}

class Person extends Animal {
  constructor(){
    super();
    console.log('我是一个程序员');
  }
}

let aa = new Person();

注意点就是es6内的class自动启用严格模式

对象的简写

let name = '李思';
let age = 18;
/*
var person = {
    name:name,
    age:age,
    showname:function(){
        alert(this.name);
    },
    showage:function(){
        alert(this.age);
    }
}
*/

// 简写成下面的形式
var person = {
    name,
    age,
    showname(){
      alert(this.name);
    },
    showage(){
      alert(this.age);
    }
}
person.showname();
person.showage();

箭头函数

模块导入导出

javascript 之前是没有模块的功能的，之前做 js 模块化开发，是用的一些 js 库来模拟实现的，在 ES6中加入了模块的功能，和 python 语言一样，python 中一个文件就是一个模块，ES6 中，一个 js 文件就是一个模块，不同的是，js 文件中需要先导出( export )后，才能被其他 js 文件导入( import )

模板字符串

ES6中提供了用反引号｀来创建字符串，里面可包含${…}等

`In ES5 this is
 not legal.`

let name = "Bob", time = "today";
console.log(`Hello ${name}, how are you ${time}?`)

for…of & for…in

Map + Set + WeakMap + WeakSet（重点）

Promises（重点）

扩展运算符