1.首先来了解一下promisee：

在谈论Promise之前我们要了解一下一些额外的知识；我们知道JavaScript语言的执行环境是“单线程”，所谓单线程，就是一次只能够执行一个任务，如果有多个任务的话就要排队，前面一个任务完成后才可以继续下一个任务。

这种“单线程”的好处就是实现起来比较简单，容易操作；坏处就是容易造成阻塞，因为队列中如果有一个任务耗时比较长，那么后面的任务都无法快速执行，或导致页面卡在某个状态上，给用户的体验很差。

当然JavaScript提供了“异步模式”去解决上述的问题，关于“异步模式”JavaScript提供了一些实现的方法。

  • 回调函数（callbacks）
  • 事件监听
  • Promise对象

2.在Angularjs中使用promisee：

 //使用$q服务 创建defer对象

var defer = $q.defer(); 

//通过defer对象创建promise对象

var promise = defer.promise;

3.defer有哪些方法：

promise.then(function_success(value){

                console.log("in promise ---- success");

                console.log(value);

            },function_error(error){

                console.log("in promise ---- error");

                console.log(value);

         });

(1).resolve(param):  当defer对象调用resolve方法时，会回调ptomise.then里面的

function_success方法。
 (2).reject(param):当defer对象调用reject方法时，会回调ptomise.then里面的
function_error方法。

来一个小demo
<html>

    <head>

      <meta charset="utf-8">

      <title>学习AngularJS promise</title>

        <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

    </head>

    <body>

        <div ng-app="MyApp">

            <div ng-controller="MyController">

                <label for="flag">成功

                <input id="flag" type="checkbox" ng-model="flag" /><br/>

                </label>

                <div ng-cloak>

                    {{status}}

                </div>

                <hr/>

                <button ng-click="handle()">点击我</button>

            </div>

        </div>

    </body>    

    <script>

        angular.module("MyApp", [])

        .controller("MyController", ["$scope", "$q", function ($scope, $q) {

            $scope.flag = false;

            $scope.handle = function () {

            var deferred = $q.defer();

            var promise = deferred.promise;

            promise.then(function (result) {

                console.log("1");

                result = result + "you have passed the first then()";

                $scope.status = result;

                return result;

            }, function (error) {
　　　　　　　　　　console.log("3");

                error = error + "failed but you have passed the first then()";

                $scope.status = error;

                deferred.reject("my test.");

                return error;

            }).then(function (result) {
　　　　　　　　　　console.log("4");

                alert("Success: " + result);

            }, function (error) {
　　　　　　　　　　console.log("5");

                alert("Fail: " + error);

            })

            if ($scope.flag) {

                console.log("2");

                deferred.resolve("you are lucky!");

            } else {
　　　　　　　　　　console.log("0");

                deferred.reject("sorry, it lost!");

            }

        }

    }]);

    </script>

执行结果：当$scope.flag=true 时，执行顺序时：2、1、4.

得益于看了这个博客：https://segmentfault.com/a/1190000002788733。 
												


											
1.学习一下Angularjs的promisee的更多相关文章
	

    
								
  1. 前端MVC学习总结——AngularJS验证、过滤器
		
    前端MVC学习总结--AngularJS验证.过滤器 目录 一.验证 二.过滤器 2.1.内置过滤器 2.1.1.在模板中使用过滤器 2.1.2.在脚本中调用过滤函数 2.2.自定义过滤器 三.指令( ...
    
		
    2. 
						
  2. 学习笔记-AngularJs（十）
		
    前面一直在说自定义指令,但是却一直没有一次系统地去了解,现在需要我们一起来学习如何去使用自定义指令,去丰富html标签.属性,实现多元化.多功能的标签(或是属性).辣么,啥是指令?要了解指令,首先需要 ...
    
		
    3. 
						
  3. 学习笔记-AngularJs（九）
		
    到目前为止,我们所做的学习案例都是没有加任何动画效果的,对于以往来说,我们经常会去使用一些动画插件或是css框架(如:animate.css)来点缀我们的网页,这样显得生动,高大上,那么接下来我们可以 ...
    
		
    4. 
						
  4. 学习笔记-AngularJs（七）
		
    在学习笔记-AngularJs(六)提及了事件处理器和过滤器以及它们的例子,而我们知道之前我是使用$http服务去获得我们需要的json数据,但是$http是比较底层的用法,有时候我们想把获取json ...
    
		
    5. 
						
  5. 学习笔记-AngularJs（六）
		
    在学习笔记-AngularJs(五),通过引入bootstrap.css进行改写整个样式,这时学习项目也变得好看多了,现在我们又需要目录再进行一次改变,如下图: 这样就符合之前讲的对学习目录进行布置了 ...
    
		
    6. 
						
  6. 学习笔记-AngularJs（三）
		
    学习笔记-AngularJs(二)写了个所有程序语言入门时都必须要写的Hello World,那么从现在开始做那个之前说过的互联网大佬介绍的学习例子,当然这里开始会慢慢按照之前说过的目录来搭建这个学习 ...
    
		
    7. 
						
  7. 学习笔记-AngularJs（二）
		
    在接下来学习angularjs中,我按照的就是之前 学习笔记-AngularJs(一)所讲的目录来搭建一个学习的项目,做一个互联网大佬人物简介的例子,当然也可以使用angualrjs上面提供的官方例子 ...
    
		
    8. 
						
  8. AngularJs学习笔记-AngularJS权威教程学习笔记
		
    AngularJS是什么? AngularJS是一种构建动态Web应用的结构化框架.主要用于构建单页面Web应用, 增加抽象级别,使构建交互式的现代Web应用变得更加简单. AngularJS使开发W ...
    
		
    9. 
						
  9. 学习笔记-AngularJs（八）
		
    在使用form.FormController和ngModel.NgModelController之前,先来学习一下怎么一个ng-model-options指令,觉得怎么这个指令挺好用的,我们知道ng- ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Win10安装2 —— 版本的选择与下载
			
    本文内容皆为作者原创,如需转载,请注明出处:https://www.cnblogs.com/xuexianqi/p/12368795.html 一:各个版本的区别 1.Windows10 Home(家 ...
    
			
    2. 
						
  2. 合唱队形【dp】
			
    链接:https://ac.nowcoder.com/acm/contest/1082/C来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 131072K,其他语言2621 ...
    
			
    3. 
						
  3. 【Python】画一个心形
			
    #!/usr/bin/env python # -*- coding:utf-8 -*- import turtle import time # 画心形圆弧 def hart_arc(): for i ...
    
			
    4. 
						
  4. Spring的代理模式（静态，JDK，CGLIB）
			
    一.静态代理   1.定义业务接口 public interface Subject { void doSomeThing(); }   2.真实业务类实现接口 public class RealSu ...
    
			
    5. 
						
  5. 题解 AT4170 【[ABC103A] Task Scheduling Problem】
			
    翻译 有 \(3\) 个正整数 \(a\).\(b\).\(c\),请你输出这 \(3\) 个数中的最大值 \(-\) 最小值的差. 分析 求最大值 \(-\) 最小值的差,我们自然可以使用 for  ...
    
			
    6. 
						
  6. [Python]Python日期格式和字符串格式相互转换
			
    由字符串格式转化为日期格式的函数为: datetime.datetime.strptime() 由日期格式转化为字符串格式的函数为: datetime.datetime.strftime() # en ...
    
			
    7. 
						
  7. JS高级---递归
			
    递归 递归: 函数中调用函数自己, 此时就是递归, 递归一定要有结束的条件   var i = 0; function f1() { i++; if (i < 5) { f1(); } cons ...
    
			
    8. 
						
  8. Jmeter-Badboy检查点和参数化
			
    Badboy进行检查点操作 1.复制搜索的内容,点击Tools,选择添加断言Add Assertion for Selection 2.这个时候Step1步骤下就会多一个检查点 3.点击工具栏上的Pl ...
    
			
    9. 
						
  9. 意外发现--http-server使用
			
    http-server 在很多情况下,需要在本地开启http服务器来测试.所以就需要一个简单的省事好用的http服务器.以前的时候,都是使用php的本地环境,但是,自从学了nodejs,发现了http ...
    
			
    10. 
						
  10. EF中的实体关系
			
    导航属性的理解: 指数据库的表所对应的实体类,除了要有每个字段所对应的属性之外,还应该有一个与之有关联的表的属性,一对一的关系就是关联表的类型,一对多的关系就是关联表的类型的ICollection的泛 ...
    
			
    11.