es6的一些语法进阶1(day1)

151 阅读2分钟

本文已参与「新人创作礼」活动.一起开启掘金创作之路。

在我们开发过程中,掌握一些es6的语法会使我们的开发更加方便,简洁,流畅。小程序的开发也一样可以使用es6语法,这篇文章主要介绍也写es6的语法进阶,让大家在实战的过程中体会到es6语法的方便之处。

1.扩展运算符

  • 扩展运算符可以用于数组和对象,用于对象时可以取出对象的所有可遍历的属性,然后拷贝到当前对象之中,用于数组主要就是展开数组。
  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调用成功之后再来显示提示消息。回调函数相当于是异步的一个解决方案。

后续还会更新一些es6的语法