ES6必会知识点

本文详细介绍了ES6的几个重要特性,包括解构赋值、展开运算符、模板字符串、对象简写、类的使用以及Promise的处理。通过实例展示了如何使用这些特性,如利用解构赋值快速交换变量、展开运算符实现数组和对象的操作,以及Promise解决异步编程问题。此外,还讨论了async和await如何简化异步操作。
摘要由CSDN通过智能技术生成

解构赋值

1、数组的解构

快速交换2个变量的值,不需要借助第三个变量

let x=10;
let y=8;
[x,y]=[y,x]
console.log(x,y)//8 10

2、对象的解构

拿到后端的数据进行解构

展开运算符(扩展运算符)

1、对字符串

1.1 把字符串转成数组

1.2 把字符串反转

        let str='Iloveyou'
		console.log([...str])//把字符串转成数组
		console.log([...str].reverse().join(''))//把字符串反转

2、对数组

2.1 数组的浅拷贝

2.2 数组的合并

2.3 把伪数组转成真数组

        let arr=['a','b','c']
		// 数组的浅拷贝
		let arr2=[...arr]
		console.log(arr2)//['a','b','c']
		// 数组进行合并
		let arr3=[1,2,3]
		console.log([...arr,...arr3])//['a','b','c',1,2,3]
		// 把伪数组转成真数组
		function fn(){
			console.log([...arguments])
		}
		fn(1,2,3)//[1,2,3]

3、对对象

3.1 对象的浅拷贝

3.2 对象的合并

        let user={
			name:'张三',
			age:20
		}
		// 对象的浅拷贝
		let user2={...user}
		console.log(user2)//{name: "张三", age: 20}
		// 对象的合并
		let user3={
			name:'李四',
			addr:'成都',
			age:18
		}
		console.log({...user,...user3})//{nam
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值