论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash AS编程教程
Tag:2.0,3.0菜鸟,游戏,,cs,技巧,源码,,文本,文字,函数,音乐,随机,拖拽,asp,access,xml,mc,视频教程

ActionScript处理异步事件(二)

文章类别:Flash AS编程 | 发表日期:2008-10-6 17:37:38


原文地址:http://kuwamoto.org/2006/05/16/dealing-with-asynchronous-events-part-2/
作者: Sho Kuwamoto
译者: Dreamer

在上一篇文章种,我讲了为什么异步编程会令人费解的几个原因。现在,我们来看一下问题的几个简化方法。

使用闭包(closures)

第一项任务就是闭包.Ely Greenfield(Flex架构师之一)向我展示了使用闭包来隐藏复杂的参数传递的一种很酷的方法。

在上一篇文章种,我们通过呼叫对象(call object)将代码中某部分的参数传递到下一部分,像这样:

public
 function getAlbumInfo(albumId: int) : void    
  1. {    
  2.   // Initiate the call.    
  3.   myService.request = { type: "album", albumId: albumId };    
  4.   var call : Object = myService.send();    
  5.   // Save the albumId for use later.    
  6.   call.albumId = albumId;    
  7.   // Wire up the handler.    
  8.   call.handler = getAlbumInfoResult;    
  9. }    
  10. public function getAlbumInfoResult(event: Event) : void    
  11. {    
  12.   // Deal with the results of the previous call.    
  13.   var artistId: int = event.result.album.artistId;    
  14.   myAlbumList.addAlbum(event.call.albumId, event.result.album);    
  15.   // Initiate the next call.    
  16.   myService.request = { type: "artist", artistId : artistId };   
  17.   var call = myService.send();    
  18.   // Save the artistId for use later.    
  19.   call.artistId = artistId;    
  20.   // Wire up the handler.    
  21.   call.handler = getArtistInfoResult;    
  22. }    
  23. public function getArtistInfoResult(event: Event) : void    
  24. {    
  25.   // Handle the results of the second call.    
  26.   myArtistList.addArtist(event.call.artistId, event.result.artist);    
  27. }  

如果你使用闭包来处理参数传递,代码就会变成这样:

public function getAlbumInfo(albumId: int) : void    
  1. {    
  2.   var call: Object;    
  3.   // Initiate the first call.    
  4.   myService.request = { type: "album", albumId: albumId };    
  5.   call = myService.send();    
  6.   call.handler = function (event: Event)    
  7.   {    
  8.     // Handle the results of the first call.    
  9.     var artistId: int = event.result.album.artistId;    
  10.     // Notice we can use albumId here directly.    
  11.     myAlbumList.addAlbum(albumId, event.result.album);    
  12.     // Initiate the second call.    
  13.     myService.request = { type: "artist", artistId: artistId };    
  14.     call = myService.send();    
  15.     call.handler = function (event: Event)    
  16.     {    
  17.       // Handle the results of the second call.    
  18.       myArtistList.addArtist(artistId, event.result.artist);    
  19.     }    
  20.   }   
  21. }   

这有一点复杂,所以让我们分析一下流程
  1. 设置myService.request。
  2. 发出第一个请求。
  3. 回叫函数(callback)被保存在呼叫对象中并等待http请求。
  4. 最终,结果处理函数被调用。
  5. 查询呼叫对象中的回叫函数,并呼叫它。
  6. 这会导致第一个闭包被调用。
  7. 在第一个闭包中,我可以从外部函数中访问albumId参数,因为闭包就是这样工作的。
  8. 在这里面,第二个http请求被设定。
  9. 一个新的回叫函数(callback)被存储在一个新的呼叫对象中。
  10.最终,结果处理器(handler)被调用。
  11.查询呼叫对象中的回叫函数,并呼叫它。
  12.这会导致第二个闭包被调用。
  
  这种方法为什么很好?在Ely看来, “如果你从另一个角度看,它看起来就像你没有在进行异步编程。”你不需要注册异步事件处理器,并且由于有了神奇的闭包你不需要做一些很复杂的工作来传递参数。

初试清理代码(使用延迟(Deferreds))

清理要做的第一件事情就是熟悉回叫函数是如何注册的。是的,一旦结果返回系统某处的代码就会呼叫处理器(handler),但是只是我编写的一些代码,它并不是通过一个类来管理的。此外,如果我们想要添加一个另外的处理器(handler),或者当我们想要为呼叫失败添加一个回叫函数的时候,我们不知道会发生什么。

Python语言中的Twisted网络引擎又一个叫做“deferred”的概念,那就是一个回叫处理器对象。

在Twisted中,所有的异步呼叫返回一个型别为“Deferred”的对象。一个Deferred对象除了有其它属性外, 还有一些回叫函数和当错误发生时调用的 “错误回馈(errback)”。

Deferred方法的一个好处就是它可以使用一致的方法来处理所有异步操作。为了保证一致性,你应该希望它被编写在framework里面。我做了下面的好东西,自己扩展了framework。

在我的首次尝试中,我创建了一个IDeferred 接口和一个Deferred型别。我决定使用“result”和“fault”这两个名字来代替“callback”和“errback”。

我添加了用来添加和删除处理器的方法, 就像在Python中一样。 我修改了send()方法, 使它返回一个IDeferred实例而不是呼叫对象。 这允许你使用下面的代码:

public
 function foo() : void    
  1. {    
  2.   var d : IDeferred = myService.send();    
  3.   d.addResultHandler(blah);    
  4.   d.addResultHandler(anotherHandler);    
  5.   d.addFaultHandler(blah2);    
  6. }   

这对于用函数明确描述的结果处理器工作地很好, 但是对上面复杂的闭包工作的不是那么好。

public
 function ugly() : void    
  1. {    
  2.   var d : IDeferred = myService.send();    
  3.   d.addResultHandler(    
  4.     function(event: Event) : void    
  5.     {    
  6.       // do something    
  7.     }    
  8.   );    
  9. }  

添加 setters

为了使语法更清晰,我又添加了setters。通过为结果处理器创建一个叫做“onResult”的setter并为错误处理器创建一个叫做“onFault”的setter,你现在可以使用赋值了,这是用来处理闭包的很自然的方法。

public
 function pretty() : void    
  1. {    
  2.   var d : IDeferred = myService.send();    
  3.   d.onResult = function(event: Event) : void    
  4.   {    
  5.     // do something    
  6.   }    
  7.   d.onFault = function(event: Event) : void    
  8.   {    
  9.     // do something else    
  10.   }   
  11. }   

这个操作清除了所有既有的结果处理器并设定结果处理器为一个新的函数。 因为ActionScript3没有重载的 +=运算符,所以不能使用相似的记法以一种自然的方式来表达 “添加处理器”。

隐藏 deferred 的概念

理想状态下,人们不需要指导Deferred除非他们确实需要(比如,如果你需要将deferred从一个函数传递到另一个函数)。一种隐藏Deferred使用的方法是在不把Deferred存储在一个本地变量中的前提下把send得到的结果链接起来。

public
 function tricky() : void    
  1. {    
  2.   myService.send().onResult = function(event: Event) : void    
  3.   {    
  4.     // do something    
  5.   }    
  6. }   

当然,使用这种方法没有办法附加一个错误处理器。最终我在我自己的HTTPService中定义了一个存储在最近的deferred的一个属性,我把它叫做“lastCall” , 这个名字从某些方面来看比较清除, 从其他方面来看则比较迷惑。

如果你想到一个更好的名字,我会很高兴地聆听。下面是现在的代码:

public
 function lessTricky() : void    
  1. {    
  2.   myService.send();    
  3.   myService.lastCall.onResult = function(event: Event) : void    
  4.   {    
  5.     // do something    
  6.   }    
  7.   myService.lastCall.onFault = function(event: Event) : void    
  8.   {    
  9.     // do something else    
  10.   }    
  11. }   

回应“lastCall”而不是返回一个 Deferred

当我添加了“lastCall”属性时,我最终经常使用这个词,并且撤消了以前对send()方法返回值的更改。 这有几分实用因素, 也有几分心理因素。 在实用方面,我发现某些异步方法(比如DataService.commit())返回定义了型别的对象,这意味着从一个子类很难截获到它们。在心理方面,我对子类化一个类和截获返回值的含义时总是感到心虚。

最终结果

我曾暂时使用过这种方法,并且它工作的非常好。如果这个基础构造只是华而不实我仍然会感到烦心,但是直到现在,我发现它既快又好。这里有我最近写的一些代码的摘录。将控制流像这样内联(inline)地表现出来可以让我更容易理解什么东西正在继续。

public
 function authenticate():void    
  1. {    
  2.   // Show the dialog.    
  3.   var loginDialog : LoginDialog = LoginDialog.show();    
  4.   loginDialog.onResult = function(event: Event) : void    
  5.   {    
  6.     // If the user was a new user,    
  7.     if (loginDialog.isNewUser())    
  8.     {    
  9.       // Create an account.    
  10.       userManager.create(loginDialog.username,loginDialog.password, loginDialog.email);    
  11.       userManager.lastCall.onResult = function(event:ResultEvent):void    
  12.       {    
  13.         // more logic here.    
  14.       }    
  15.       userManager.lastCall.onFail = function(event: ResultEvent):void    
  16.       {    
  17.         // add failure logic here.    
  18.       }    
  19.     }    
  20.     else    
  21.     {    
  22.       // Otherwise, authenticate existing account.    
  23.       userManager.authenticate(loginDialog.username,loginDialog.password);   
  24.       userManager.lastCall.onResult = function(event:ResultEvent):void    
  25.       {    
  26.         // more logic here.    
  27.       }    
  28.       userManager.lastCall.onFail = function(event: ResultEvent):void    
  29.       {    
  30.         // add failure logic here.    
  31.       }    
  32.     }    
  33.   }    
  34. }  


待续...
视频教程列表
文章教程搜索
 
Flash AS推荐教程
Flash AS热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058