箭头函数和promise对象

太过爱你忘了你带给我的痛 2022-02-04 07:21 186阅读 0赞

> **小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。**

文章有彩蛋，这篇文章由于需要使用promise对象的异步编程，自己懒得搞服务器，就去找了两个数据接口来学习，给关注我的朋友来一波福利，两个免费的api接口，亲测可以使用。

看这篇文章默认会[JSONP][],和JQuery。不会的话，看我之前的文章。

介绍了原生JSONP的实现和JQ的JSONP的实现。

1、箭头函数

什么是箭头函数？

其实很简单，刚开始以为多难，就是function去掉，然后在（）后面加箭头就行。

实例中还说了两种情况

**第一种情况**：如果需要写的函数只有一个参数，就可以省略（）；

**第二种情况**：如果函数里面只有一个return就可以省略\{\}和return

![Image 1][]

箭头函数00

**补漏**：箭头函数的特性

**1、函数体内的this值，绑定在定义时函数所在的作用域的this**。

2、不可以当作构造函数

3、没有arguments对象

2、promise对象，这个才是我们今天的主演。

第一种：直接使用promise进行异步请求，

promise有三种状态

①pending：等待中，或者进行中。还没有返回结果

②resolved:已经完成，得到结果，可以继续执行。

③rejected：表示得到结果，但是结果不是我们想要的，所以拒绝执行。

promise对象接收两个函数作为参数。分别是resolve和reject，就是用来改变状态的。

then的话，是在得到②③两种状态之后执行的步骤。里面有两个函数，第一个执行②完成的，第二个执行③完成的。然后then接收一个数组，数组里面包含我们请求的数据。

![Image 1][]

promise和then

第二种：就是为什么我们需要使用promise了？

很多时候自己在自己的平台实现请求数据之后才能操作，执行下一步请求数据。也就形成了很多回调函数嵌套，俗称：**回调地狱。**

既然问题来了，就肯定有方法解决是吧！当然站在巨人的肩膀上才能成长的更快，看得更远。有点扯了，哈哈。

**那解决的方法是什么呢？**

哦，原来promise还提供一个all方法。下面就看一下all方法怎么是使用。

接收一个数组，里面是promise对象。然后then的话，还是接收一个数组，通过数组解构赋值就可以得到我们想要的数据啦！！！

![Image 1][]

![Image 1][]

其实promise对象还有其他方法，比如race。这里只是记录，有兴趣的朋友自己搜索一下。

作者：小伙子太认真  
链接：https://www.jianshu.com/p/879a31686ca6

[Fundebug]: https://www.fundebug.com/
[JSONP]: https://www.jianshu.com/writer#/notebooks/33258664/notes/41733156
[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关箭头函数

ES6中新增的定义函数的方式。 () => { } //()：代表是函数； =>：必须要的符号，指向哪一个代码块；{}：函数体函数体中只有一句代码，且代码的执行结

痛定思痛。/ 2022年12月19日 11:39/ 0 赞/ 144 阅读

相关 promise加箭头函数处理异步结果

Promise对象 es6中新增了promise对象，为了处理异步消息而生，在此之前处理异步拿到的数据就是回调嵌套回调，有了Promise我们就可以在需要使用异步处理结果

缺乏、安全感/ 2022年06月09日 08:51/ 0 赞/ 155 阅读

相关箭头函数

一个箭头函数表达式的语法比一个[函数表达式][Link 1]更短，并且不绑定自己的 [this][]，[arguments][]，[super][]或 [new.targ

雨点打透心脏的1/2处/ 2022年06月08日 01:50/ 0 赞/ 225 阅读

相关箭头函数和匿名函数

箭头函数阅读: 131907 -------------------- ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arro

た入场券/ 2022年05月27日 08:05/ 0 赞/ 229 阅读

相关箭头函数和promise对象

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

太过爱你忘了你带给我的痛/ 2022年02月04日 07:21/ 0 赞/ 187 阅读

相关箭头函数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

短命女/ 2022年01月21日 11:21/ 0 赞/ 267 阅读

相关箭头函数

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpZG9u

￡神魔★判官ぃ/ 2021年12月12日 14:15/ 0 赞/ 300 阅读

相关箭头函数

1 var elements = [ 2 'Hydrogen', 3 'Helium', 4 'Lithium',

深碍√TFBOYSˉ_/ 2021年10月01日 00:32/ 0 赞/ 375 阅读

相关 ajax箭头函数,JS箭头函数

一、定义 const aa = (参数列表) => \{\}x => x \ x 相当于function (x) \{ return x \ x; \} 二、参数问题

缺乏、安全感/ 2021年09月09日 08:14/ 0 赞/ 551 阅读

相关箭头函数和普通函数区别

箭头函数是前端面试环节的一个高频考点，箭头函数是ES6的API，相信很多人都知道，因为它的语法比一般的函数更简洁，所以深受大家的喜爱。这是我们在日常开发中一直使用的API...

小灰灰/ 2020年06月17日 16:22/ 0 赞/ 780 阅读