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

做小程序 需要用到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'
  • 15
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值