本文已参与「新人创作礼」活动.一起开启掘金创作之路。
在我们开发过程中,掌握一些es6的语法会使我们的开发更加方便,简洁,流畅。小程序的开发也一样可以使用es6语法,这篇文章主要介绍也写es6的语法进阶,让大家在实战的过程中体会到es6语法的方便之处。
1.扩展运算符
- 扩展运算符可以用于数组和对象,用于对象时可以取出对象的所有可遍历的属性,然后拷贝到当前对象之中,用于数组主要就是展开数组。
- 扩展运算符用于对象
const user = {name:"张三",age:"18",sex:"男" }
const address = {title:"江西"}
const people = {...user}
const local = {...address}
console.log(people)
console.log(local)
这样,在我们的浏览器的调试器中的console中,就会看到我们从user和address中赋值的数据了,姓名,年龄性别,地址等等。
2.扩展运算符用于数组 扩展运算符用于数组可以展开数组,在拷贝数组以及合并数组时,非常方便。
const goodslist= ["冬季大衣","秋季卫衣","夏季短袖","春季衬衫"]
const contentlist = ["男士","女士","学生"]
const detail = [...goodslist,...contentlist]
console.log(detail)
这样,在我们的浏览器的调试器中的console中,就会看到我们从goodslist和contentlist中赋值的数据了。
小程序开发里的同步与异步
-
为什么会有异步呢?因为JavaScript是单线程的编程语言,就是从上到下、一行一行去执行代码,类似于排队一样一个个处理,第一个不处理完,就不会处理后面的。但是遇到网络请求、I/O操作,以及定时函数(后面会涉及)以及类似于成功反馈的情况,等这些不可预知时间的任务都执行完再处理后面的任务,肯定不行,于是就有了异步处理。
-
把要等待其他函数执行完之后,才能执行的函数(比如读取图片信息)放到回调函数里,先不处理,等图片上传成功之后再来处理,这就是异步。比如wx.showToast()消息提示框,可以放到回调函数里,当API调用成功之后再来显示提示消息。回调函数相当于是异步的一个解决方案。