我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Node.js(十二)——NodeJs中的Promise

爬虫基于回调和事件的方式去实现,回调也是被诟病已久的问题尤其是callback这种,无论是阅读还是调试都很费劲,甚至我们连代码的堆栈都看不到,这是一种反人类的写法,Promise来拜托这种痛苦的方式

成都创新互联专业为企业提供丹东网站建设、丹东做网站、丹东网站设计、丹东网站制作等企业网站建设、网页设计与制作、丹东企业网站模板建站服务,十载丹东做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

传统方式实现动画效果:



	
		
		Promise animation
	
	
	
	
	
		
function init(){ //首先拿到这三个小球 var ball1 = document.querySelector('.ball1') var ball2 = document.querySelector('.ball2') var ball3 = document.querySelector('.ball3') /**  * 动画函数  * @param {Object} ball 球  * @param {Object} distance 位置,把球移动到哪里  * @param {Object} cb 回调的callback  */ function animate(ball,distance,cb){ alert(ball) //设定一个延时 setTimeout(function(){ //拿到球现在距离左边距的位置 var marginLeft = parseInt(ball.style.marginLeft,10) //判断左边距移动到和我们传入的distance的时候 //重叠,说明动画执行完毕 if(marginLeft===distance){ //直接调用回调函数 cb && cb() }else{//小球没有达到我们预期的位置 //球在我们期望位置的左侧 if(marginLeft

运行结果如下:

Node.js(十二)——NodeJs中的Promise

Promise方式如下:

再使用Promise方法之前先导入npm install bluebird模块,之后再用script标签来引用



	
		
		Promise animation
	
	
	
	
	
		
		
		
		
		
				
				//首先拿到这三个小球
			var ball1 = document.querySelector('.ball1')
			var ball2 = document.querySelector('.ball2')
			var ball3 = document.querySelector('.ball3')
		
		/**
		 * 动画函数
		 * @param {Object} ball 球
		 * @param {Object} distance 位置,把球移动到哪里
		 * @param {Object} cb 回调的callback
		 */
			function animate(ball,distance,cb){
				//设定一个延时
				setTimeout(function(){
					//拿到球现在距离左边距的位置
					var marginLeft = parseInt(ball.style.marginLeft,10)
					//判断左边距移动到和我们传入的distance的时候
					//重叠,说明动画执行完毕
					if(marginLeft===distance){
						//直接调用回调函数
						cb && cb()
					}else{//小球没有达到我们预期的位置
						//球在我们期望位置的左侧
						if(marginLeft
	

运行效果同上。

在callback中,如果调换动画的执行顺序或者增加几个或者减少几个,需要重新更改代码;

如果用promise则是一个线性的控制无论是阅读还是维护的体验上都得到了提升,

这仅仅是在浏览器中的应用,在NodeJs中回调的场景更多也更残忍,

尤其是有远程API同步和数据库查询、文件读写操作的时候,Promise就能解决这些痛点

并且也远不止于此

了解Promise需要了解如下知识

1.ES6的Promise语言标准、Promise/A+规范

Promise是针对JavaScript中的异步场景中的解决方案(传统:回调、事件机制、订阅者、等)

Promise是一个对象和JavaScript中普通的对象没有什么区别,

同时它也是一种规范,异步操作约定了统一的接口,表示一个异步操作的最终结果,

以同步的方式来写代码,执行的操作是异步的,又保证了程序的执行顺序是同步的,

只有三种状态:未完成、已完成、失败

其中中间转换过程只能发生一次并且是不可逆的;

意思是指:要么从未完成到已完成,要么从未完成到失败。

那Promise/A+规范是什么呢?

升级版,行为标准 扩展了原来的规范,约定俗成的行为,总之是一个更为标准的

不同之处:

A+规范通过术语thenable来区分promise对象

A+定义onFulfiled/onRejected必须是作为函数来调用,而且调用过程必须是异步的

A+严格定义了then方法链式调用时onFulfilled/onRejected的调用顺序

then方法定义如下:

promiseObj.then(onFulfilled,onRejected)

onFulfilled = function(value){
	return promiseObj2
}

onRejected = function(err){}

2.如何使用

链式调用,例如:

promiseAnimate(ball1,100)
				.then(function(){
					return promiseAnimate(ball2,200)
				})
				.then(function(){
					return promiseAnimate(ball3,300)
				})
				.then(function(){
					return promiseAnimate(ball3,150)
				})
				.then(function(){
					return promiseAnimate(ball2,150)
				})
				.then(function(){
					return promiseAnimate(ball1,150)
				})

3.在什么场景下使用

只要是异步编程的地方都可以使用,业务场景简单不要为了使用Promise而使用Promise

Promise库有很多,例如:

bluebird

Q

then.js

es6-promise

ypromise

async

native-promise-only

等等


网站名称:Node.js(十二)——NodeJs中的Promise
本文路径:http://mswzjz.cn/article/pdggdo.html

免费获取网站建设与品牌策划方案报价

*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。
提交需求

    联系我们

    028-86922220
  • 手机:13518219792
  • 地址:成都市太升南路288号锦天国际A幢1002号
  • 24小时服务热线:400-028-6601

    网站建设服务

  • 网页设计
  • 网站制作
  • 网站开发

    网站推广服务

  • 营销网站建设
  • 百度快速排名
  • 整站网站推广

    网站运维服务

  • 基础维护
  • 网站改版
  • 网站维护

    FOLLOW US

  • 微信二维码

    微信二维码

Copyright © 2022 四川攀枝花网站建设公司 四川攀枝花网站建设公司-选我们!四川专业的攀枝花网站制作公司!
All Rights Reserved 版权所有 蜀ICP备2024097831号-1