ES6重点

变量与常量

let

• 用于声明变量
• let声明的变量不能重复声明
• let声明的变量不能变量提升
• 块状作用域
• 使用let声明的变量不属于顶层对象

const

• 用于声明常量
• 声明常量用大写
• 常量不能修改
• 块状作用于
• 使用const声明的常量也不属于顶层对象

解构赋值

数组

var [a,b,c]=[1,2,3];
console.log(a,b,c);

对象

let{bar,foo}={bar:"lili",foo:100};
console.log(bar,foo);
//完整版本
let{bar:bar,foo:foo}={bar:"lili",foo:100};
console.log(bar,foo);
//复杂对象
let obj={
p:["hello",{y:"world"}]
}
//目标获取hello与world
let{p:[x,{y:y}]}=obj;
console.log(x,y)

特殊对象的解构赋值

//字符串做数组
let[a,b,c]="var";
console.log(a,b,c);
//字符串做对象
let{length:len}="function";
console.log(len);
//Math的应用
let{PI:p}=Math;
console.log(p);

实际应用

//交换2个变量值
let a=100;
let b=200;
[a,b]=[b,a];
//提取json中的数据
let jsonData={
id:1,
status:"okokok",
data:[1,2,3,4,5]
}
let{id,status,data}=jsonData;
//用于函数参数默认值
function fn({id,name="张三"}){
 console.log(id,name);
}
fn({id:4})

箭头函数

let fn=val=>val;
//等同于
let fn=function(val){return val;}
//实现两个数的和
let sum=(num1,num2)=>num1+num2;
console.log(sum(1,5));

• 若要执行多条语句需要加花括号

类

//ES5
function Point(x,y){
   this.x=x;
   this.y=y;
}
Point.prototype.toString=function(){}
var p=new Point(100,100);
//ES6
class Point{
constructor(x,y){
//构造函数
this.x=x;
this.y=y;
}
toString(){}
}
let p=new Point(100,100);

特点

• 必须包含constructor
• 属性添加到constructor中
• class的本质仍然是构造函数
• this指向class的实例

静态方法

//使用构造函数(class)调用
class Point{
constructor(x,y){
//构造函数
this.x=x;
this.y=y;
}
static toString(){
//静态方法
}
}

继承

class Ball{
constructor(x,y){
this.x=x;
this.y=y;
}
getX(){
console.log(this.x);
}
getY(){
console.log(this.y);
}
}
class ColorBall extends Ball{
constructor(x,y,color){
super(x,y);//如果子类需要些constructor,需要执行super把父类的constructor再执行一遍
this.color=color;
}
getX(){
//如果与父类同名那么会覆盖父级方法
console.log(this.x*2);
}
getColor(){
console.log(this.color);
}
}