前后端分离开发,前端通过接口获取数据,但是有的页面不止一个接口,就会出现金字塔回调,可以通过 Promise 封装请求. request-data.js: function reqData(posturl, req, res, callback) {//请求用户数据 request({ url: con.url + posturl, method: "POST", json: true, headers: { } }, function (error, response, body)…

一.前言 通过这个例子对promise解决回调地狱问题有一个初步理解. 二.主要内容 1.回调地狱:如下图所示,一个回调函数里面嵌套一个回调函数,这样的代码可读性较低也比较恶心 2.下面用一个简单的例子来体验回调       举例:我们想要按照顺序读取三个文件,a.txt  b.txt  c.txt  通过已经学的知识,发现下面的代码是不行的(代码是在node环境中实现) (1)项目目录结构如下: (2)callback.js: 如下 var fs = require('fs'); //读取文件…

我们先来看一下编写AJAX编码经常遇到的几个问题: 1.由于AJAX是异步的,所有依赖AJAX返回结果的代码必需写在AJAX回调函数中.这就不可避免地形成了嵌套,ajax等异步操作越多,嵌套层次就会越深,代码可读性就会越差. $.ajax({ url: url, data: dataObject, success: function(){ console.log("I depend on ajax result."); }, error: function(){} }); consol…

很久以前就学习过Async和Promise,但总是一知半解的. 今天在写NodeJS的时候,发现好多第三方库使用回调,这样在实际操作中会出现多重回调,这就是传说中的JS回调地狱. 举个例子 有一个方法调用redis,访问一个Hash对象表,获取到返回值后,将返回值插入到redis的另外一个Hash对象表中. testCallbackAction(){ let redis = RedisClient(); let key = 'xx'; redis.hget(redisTable1,key, (e…

一.前言 这个小案例是在node平台上应用的所以需要保证你的电脑: 1.安装和配置node.js环境 2.需要用node.js来开启一个http-server: 开启方法:https://blog.csdn.net/kaixinhlz/article/details/67046964 3.需要模拟数据接口   模拟方法:https://www.cnblogs.com/blackgan/p/7435228.html 二.主要内容 1.项目说明:      (1)项目结构         (2)代码…

相信经常使用ajax的前端小伙伴,都会遇到这样的困境:一个接口的参数会需要使用另一个接口获取. 年轻的前端可能会用同步去解决(笑~),因为我也这么干过,但是极度影响性能和用户体验. 正常的前端会把接口写在另一个接口的回调里.是这样不错,但是它增加了函数的嵌套深度也会造成一定的逻辑混乱. 也许有朋友会说,哪那么多毛病,解决问题不就好了吗? 但是,如果需要的是另外好几个接口的返回数据呢?这时候就会比较蛋疼了.这就是回调地狱! 当时依稀记得是使用了jQuery的 when .then方法去解决的. 直…

/*如果调用resolve函数和reject函数时带有参数,那么它们的参数会被传递给回调函数. reject函数的参数通常是Error对象的实例,表示抛出的错误: resolve函数的参数除了正常的值以外,还可能是另一个Promise实例,如下:*/ /*上面代码中,p1和p2都是Promise的实例,但是p2的resolve方法将p1作为参数,即一个异步操作的 结果是返回另一个异步操作.*/ /*注意,这时p1的状态就会传递给p2,也就是说,p1的状态决定了p2的状态.如果p1的状态时pend…

先放一张图片感受一下回调地狱 看起来是真的很让人头痛的东西 而现在我这里使用promise对象来解决回调地狱 采用链式的 then,可以指定一组按照次序调用的回调函数. 这时,前一个 then 里的一个回调函数,返回的可能还是一个 Promise对象(即有异步操作), 这时后一个回调函数,就会等待该 Promise对象的状态发生变化,才会被调用. 由此实现异步操作按照次序执行. var sayhello = function (name) { return new Promise(functio…

Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方法,原型上有then.catch等同样很眼熟的方法. 那就new一个 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('随便什么数据'); }, 2000); }); Promise的构造函数接收一个参数,是函数,并且传入两个参数:reso…

下面的代码例子,均已小程序的异步请求数据为案例来说明 1.利用回调函数,来解决异步数据传递问题 异步操作api.js const getBooks = (url, callback) => { wx.request({ url: url, method: 'GET', header: { "Content-Type": "json" }, success: function (res) { console.log(res) callback(res) } })…