变量与常量
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);
}
}