【融职培训】Web前端学习 第3章 JavaScript基础教程

2020-06-17  本文已影响0人  lmonkey_01

一、同步与异步

异步: 可以多条任务线去执行程序,一条任务卡顿不影响其他任务。

二、回调函数

三、promise对象

在ES2015中新加入了Promise对象,Promise对象用来解决异步问题,关于异步问题,我们会在第8章详细讲解,本章只要概括性地了解Promise对象的语法即可,创建一个Promise对象的语法如下所示:

1// resolve的作用是把异步获取的数据结果传递出来。2let getData =newPromise((resolve) => {3let data = "string data";4    resolve(data);5})

Promise构造函数的参数是一个函数,而函数的形参resolve同样也是一个函数,调用resolve可以将数据从promise对象中传递出来。

四、async函数

async函数

async函数与Promise对象结合使用,可以优雅地处理异步问题,声明async函数的语法如下所示:

1asyncfunction fun(){2//async函数内部可以使用await关键字3}

我们用一个实际的案例来讲解async函数与Promise对象的用法。

在Promise对象的示例中,我们用resolve函数将数据传递出来之后,然后可以用async函数中的await关键字接收数据,完整的实例代码如下所示。

1let getData =newPromise((resolve) => { 2let data = "string data"; 3    resolve(data); 4}) 5 6asyncfunction showData(){ 7let data = await getData; 8    console.log(data) 9}1011showData();

await后面跟着一个Promise对象,可以获取到Promise对象内部resolve传递出来的数据,这这里需要注意的是:

await关键字必须写在async函数内部。

【融职教育】在工作中学习,在学习中工作

上一篇下一篇

猜你喜欢

热点阅读