ES6

一、let&var&const

• let 块级(只作用域当前的代码块里面)

for(let i=0;i<5;i++){
   console.log("i="+i);
}
//报错
console.log("i="+i);

• var 全局

for(var j=0;j<5;j++){
	console.log("j="+j);
}
//j=5
console.log("j="+j);

• const(常量不可修改，相当于final)

二、解构表达式

• 数组解构

let arr = [1,2,3,4,5,6,7];
let [a1,a2,a3,a4,a5,a6,a7,a8] = arr;

• 对象解构

let obj = {"name":"西门吹灰","age":66}
let {age,name} = obj;

三、箭头函数

var 函数名 = (参数列表) => {函数内容}等价于一下代码
var 函数名 = function(参数列表){
					函数内容
				}
注：如果参数只有一个可以省略(),函数内容只有一句代码可以省略{}
let as = ({name})=>{
            console.log(name);
        }
 let as1 = ({name})=>console.log(name);
 //以前写法
let as2 = function (person) {
            console.log(person.name);
        }

var ob = {
	  name:"王宝器",
	     age:33,
	     //传统
	     say1:function (key) {
	         console.log("哈哈"+key);
	     },
	     //箭头
	     say2:(key) => {
	         console.log("哈哈哈"+key);
	     },
	     //ES6特性
	     say3 (key){
	         console.log("哈哈哈哈"+key);
	     }
 }

四、Promise对象

• Promise是异步编程的一种解决方案
• 比传统的解决方案（回调函数+事件）更加合理和强大

const p = new Promise((resolve, reject) => {
         setTimeout(()=>{
             const num = Math.random();
             //返回随机数 判断
             if (num<0.5){
                 //返回成功结果,调用resolve
                 resolve("成功=>num:"+num);
             } else{
                 //返回失败结果,调用reject
                 reject("失败=>num:"+num);
             }
         },300)
           //异步执行成功后的回调
       }).then(function (msg) {
           console.log(msg);
           //异步执行失败后的回调
       }).catch(function (msg) {
           console.log(msg);
       })

五、模块化(把代码进行拆分，方便重复利用)

• export(导出)
  • 注意1：可以导出任何东西
  • 注意2：可以省略名字

/*第一种导出*/
export const util={
    sum(){
        console.log("哈哈哈");
    }
}

/*第二种导出*/
let name = "王天霸";
let age = 33;
export {name,age}

/*第三种导出*/
export default {
    sum(a,b){

    }
}

• import(导入)

import util from 'export.js'
// import {name,age} from 'export.js'
// import sum from 'export.js'

util.sum();