ES6语法大全 export，import，for.of循环，promise等等

﹏ヽ暗。殇╰゛Y 2023-06-23 04:55 39阅读 0赞

做小程序 需要用到ES6 语法，顾做个总结  
有些东西可能不全，暂时就总结了这些。以后待补充把

### 1.变量 ###

let 局部变量  
const 常量  
var 全局变量

### 2.字符串的拓展 ###

let str = "123"
    str.includes("1")//true  includes方法 是否包含
    str.startsWith("2")//false 是否以2开头
    str.endsWith("2")//false 是否以2结尾

### 3.解构表达式 ###

//数组解构
    let arr = [1,2,3]
    const [x,y,z] = arr;// x,y,z对应 1，2，3 
    //对象解构
    const person = { 
    	name:"jack",
    	age:21,
    	language:['java','php'],
    }
    let { name,age,language} = person 
    //自定义命名
    let { name：n,age:a,language} = person

### 4.函数的优化 ###

//参数上面的优化=1，指当b没有值时默认为1
    function test(a,b=1){ 
    console.log(a+b)
    }

### 5.箭头函数 ###

//Demo1  单个参数
    var demo1= fucntion demo1(obj){ 
    console.log(obj)
    }
    箭头函数简化为： var demo1= obj =>console.log(obj);
    
    //Demo2  两个参数
    var sum =function(a,b){ 
    	console.log(a+n)
    }
    箭头函数简化为： var sum = (a,b)=>console.log(obj);
    
    //Demo3 没有参数
    let sayHello = ()=>console.log("hello!");
    
    //Demo4 代码不止一行 使用 { }
    var sum = （a,b）=>{ 
    	console.log(a+n);
    	console.log(a+n)
    }
    
    //Demo5 对象的函数简写
    let person ={ 
    	name：“jeck”;
    	//原来
    	eat:function(food){ 
    		console.log(this.name +food)
    	}
    	//箭头函数
    	eat2:food=>console.log(this.name +food)
    	
    	//简写版
    	eat3(food){ 
    	console.log(this.name +food)
    	}
    }
    //Demo6：箭头函数配合解构表达式
    let person ={ 
    	name：“jeck”;
    	eat2:food=>console.log(this.name +food)
    }
    function test1(person){ 
    	console.log(person.name);
    }
    //简化调用函数 使用{ }传参数，传入对象
    var test1=({ name})=>console.log(name);
    test1(person );

### 6.map和reduce函数 ###

map 让原来的集合经过map中的函数 进行处理回调

let arr = ['1','2','3'];
    arr.map(s=>parseInt(s))//字符串转化为内证书 
    
    //reduce() 接收一个函数和一个初始值
    第一个参数时上一次reduce的处理结果
    第二个参数是数组中要处理的下一个元素
    const arr = [1,20,30,40]
    arr.reduce((a,b)=>a+b)

### 7.拓展运算符（三个点…） ###

将一个数组转为用逗号分隔的参数序列

function add(a,b){ 
    return a+b;
    }
    var number = [1,2];
    
    //数组合并
    var arrs=[...[1,2,3],...[4,5,6]];//[1,2,3,4,5,6]
    //将字符串转为数组
    console.log([...'hello'])//['h','e','l','l','o']

### 8.promise ###

函数格式

const promise = new promise(function(resolve,reject){ 
    	//操作
    	//if(success){ 
    		resolve(value);//成功
    	}else{ 
    		reject(error)//失败
    	}
    })
    //执行完了在执行一些东西的话
    promise.then(function(value){ 
    	//异步回调
    }).catch(function(error){ 
    	//异常回调
    })

## 9.set和map ##

set 只能保存不同元素，相同的元素会被忽略  
map对象

let set = new set();
    let set = new set([2,3,4,5]);
    //map接受一个数组，数组中的元素时键值对
    let map = new map([
    ['key','value'],
    ['key1','value1'],
    ])

## 10.for.of循环 ##

for(let obj of h){ 
    	console.log(obj)
    }

## 11.模块化export import ##

export 导出命令

calss Util{ 
    	sum=(a,b)=>a+b;
    }
    export default Util

import加载

import Util from './Util'