当前位置: 首页 > Web前端 > JavaScript

ES9对象和Promise的扩展

时间:2023-03-26 21:14:30 JavaScript

小编今天更新的文章比较通俗易懂。一是对象的扩展,这和之前ES6中的数组扩展很像。此外,Promise的扩展也包含在查询中。Ajax类似,里面的内容不多,所以小编把这两块内容放在一起更新。期待共同进步。也可以关注我的微信公众号,蜗牛全栈。1.对象展开1.es6中的数组展开运算符constarr1=[1,2,3]constarr2=[4,5,6]constarr3=[...arr1,...arr2]//[1,2,3,4,5,6]2.克隆对象constobj1={name:"lilei",age:12}constobj2={work:"teacher"}//克隆对象:深拷贝constobj3={...obj1}//{name:"lilei",age:12}obj1.age=18console.log(obj3)//{name:"lilei",age:12}3.合并对象:如果属性有类似,后面的属性值会替换前面的属性值.obj2}console.log(obj4)//{name:"lilei",age:20,work:"teacher"}4.取余运算符:作为参数使用时,必须放在最后,否则会报错constobj1={name:"lilei",age:34,work:"teacher",course:"es"}const{name,age,...rest}=obj1console.log(name)//lileiconsole.log(name)//34console.log(rest)//{work:"teacher",course:"es"}2.Promise扩展:finally(异步执行结束后要执行的内容必须在交互结束和数据库操作关闭数据库连接后加载)newPromise((resolve,reject)=>{setTimeout(()=>{resolve('成功')},1000)}).then(res=>{console.log(res)}).catch(err=>{console.log(呃r)}).finally(()=>{//类似于ajax中的completeconsole.log('finally')})//successfinally