es6

es6

let

声明变量有严格局部作用域

{
let b=2;
}
console.log(b);//报错

let 只能声明一次 ，var可以声明多次

let 不存在变量提升，var会存在变量提升

let 如果没定义会出现未定义，而var会出现undefined

const

声明常量，只读变量

声明必须初始化，不可改变

解构表达式

数组结构

let arr=[1,2,3];
let[a,b,c]=arr;
console.log=(a,b,c);//快速赋值给abc

对象结构

const person={
name:'jack',
age:21,
language:['java','js','css']
}
//以前需要
//const name=person.name;
//const age=person.age;
//const language=person.language;

//现在
const{name,age,language}=person;

就可以单独获取所有值了。
console.log=(name,age,language);

字符串模板

1.多行字符串

2.字符串插入变量表达式${},比如

3.插入方法

1、
let str=`<div><span>hello</span></div>`;


2.${age}

3.${fun()}

箭头函数

1.设置默认值

function add2（a,b=1）{
return a+b;//如果b没传默认1
}

2.不定参数

function add3（....values）{
 
}

3.箭头方法

3.1 单个的

3.2 多个的

3.3 对象的箭头加解构

3.1
var print=obj=>console.log(obj);

prin(hello);
  3.2

var sum=(a,b)=>{c=a+b; return c;}
3.3

const person={
name:'jack',
age:21,
language:['java','js','css']
}

var hello2=({name})=> console.log("hello"+name);

map

map’接收一个函数，将原数组所有元素用函数处理之后放入新数组返回。

let arr=['1','10','5','3'];
arr=arr.map(item=>item*2);

reduce

reduce 为数组每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素。

arr.reduce(a,b);a为上一次处理后，b是正在处理

let arr=['1','10','5','3'];
100是第一次处理的值（初始化值），100和1加先，然后加10等等。
arr=arr.reduce((a,b)=>{
return a+b;
},100);

Promise

异步

let p=new Promise(()=>{
$.ajax({
url:"xxxx",
success:function(){
resolve(data);
},
error:function(err){
reject(err);
}
})

});


p.then((obj)=>{
//成功的结果可以获取到
}).catch((err)=>{})

模块化

代码拆分，方便重复利用 export和import

export 规定对外接口，import 导入其他模块。

hello.js 有个方法需要导出, 下面是导出对象，也可以单独导出

const util={ sum(a,b){return a+b;}}
export {util}

user.js

var name=11;
var age=222;
add(a,b){return a+b}
export {name,age,add}

导入

import util from "/hello.js";
import {name,age,add} from "/user.js";

导入后使用，
util.sum(1,2);