AngularJS中的promise用法分析

网络编程 2024/11/13 佚名

3 2 1

本文实例讲述了AngularJS中的promise用法。分享给大家供大家参考，具体如下：

JavaScript异步回调有好处也有坏处，回调函数大量嵌套十分复杂．所以javascript中还有另一种异步处理模式叫promises．在AngularJS中的实现就是$q服务．

下面是一些小例子．

then,catch,finally

在链最后的 catch 为整个链式处理提供一个异常处理点
在链最后的 finally 总是会被执行，不管 promise 被处理或者被拒绝，起清理作用

<!DOCTYPE html>
<html>
  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
    <script src="/UploadFiles/2021-04-02/jQuery.min.js">

then第三个参数(表征状态)的应用


<!DOCTYPE html>
<html>
  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
    <script src="/UploadFiles/2021-04-02/jquery.min.js">

then链式


<!DOCTYPE html>
<html>
  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
    <script src="/UploadFiles/2021-04-02/jquery.min.js">

then链会把上一个 then 的返回结果传递给调用链的下一个 then (如果没有就是 undefined).


<!DOCTYPE html>
<html>
  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
    <script src="/UploadFiles/2021-04-02/jquery.min.js">

如果 then 返回一个 promise 对象，下一个 then 只会在这个 promise 被处理结束的时候调用。
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。

                                
                                
                                    AngularJS,promise 
                                
                                    标签：
                                        AngularJS,promise

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“AngularJS中的promise用法分析”

AngularJS中的promise用法分析

暂无“AngularJS中的promise用法分析”评论...

更新动态

2024年11月13日

AngularJS中的promise用法分析

AngularJS,promise

jQuery操作之效果详解

nodejs制作爬虫实现批量下载图片

评论“AngularJS中的promise用法分析”

更新动态

友情链接