首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

angularjs promise详解

一、什么是Promise Promise是对象,代表了一个函数最终可能返回值或抛出异常,就是用来异步处理值。...二、为什么使用Promise 有了Promise对象,就可以把异步操作以同步操作流程表达出来,避免了层层嵌套回调函数。此外,Promise对象提供了统一接口,使得控制异步操作更加容易。...; } } }]) }); 讲一下$q服务 q服务是AngularJS中自己封装实现一种Promise实现。...2.deffered 对象属性 promise :最后返回是一个新deferred对象 promise 属性,而不是原来deferred对象。...这个新Promise对象只能观察原来Promise对象状态,而无法修改deferred对象内在状态可以防止任务状态被外部修改。

1.1K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AngularJSPromise --- $q服务详解

    先说说什么是Promise,什么是$q吧。Promise是一种异步处理模式,有很多实现方式,比如著名Kris Kwal's Q还有JQueryDeffered。...但是有了Promise这种规范,它能帮助开发者用同步方式,编写异步代码,比如在AngularJS中可以使用这种方式: deferABC.resolve(xxx) .then(funcSuccess(...小白让舍友带饭() .then(韭菜鸡蛋,西红柿炒鸡蛋) .finally(带包烟) $q服务 q服务是AngularJS中自己封装实现一种Promise实现,相对与Kris Kwal's Q要轻量级多...,返回一个promise对象 when() 传入一个不确定参数,如果符合Promise标准,就返回一个promise对象。...all()方法 这个all()方法,可以把多个primise数组合并成一个。当所有的promise执行成功后,会执行后面的回调。回调中参数,是每个promise执行结果。

    1.5K90

    AngularJS】 # AngularJS入门

    AngularJS简介 AngularJS是一个JavaScript框架,用js编写库 <script src="https://cdn.staticfile.org/angular.js/1.4.6...<em>AngularJS</em>表达式 <em>AngularJS</em> 使用 表达式 把数据绑定到 HTML 使用{ { 表达式 }}进行数据<em>的</em>输出 表达式可以包含字符,操作符,变量 表达式可以写在HTML中 不支持条件判断,...<em>AngularJS</em> HTML DOM <em>AngularJS</em> 为 HTML DOM 元素<em>的</em> 属性 提供了绑定应用数据<em>的</em>指令。...<em>AngularJS</em> 输入验证 form<em>的</em>name.input<em>的</em>name....<em>AngularJS</em> 路由通过 #! + 标记 区分不同<em>的</em>逻辑页面并将不同<em>的</em>页面绑定到对应<em>的</em>控制器上。 创建了两个 URL: /first 和 /second。每个 URL 都有对应<em>的</em>视图和控制器。

    23.2K60

    AngularJS】—— 1 初识AngularJs

    怀着激动与忐忑心情,开始了学习AngularJS旅程,很久之前就听说了这个前端框架,但是由于自己一直没有从事相关工作,因此也没有进行学习。...这次正好学习AngularJS,直接复习一下前端知识。目前这里还是弱点,慢慢深入学习。   AngularJS是Google优秀前端框架,目前已经应用于多个产品。   ...AngularJs相对于其他框架来说,有一下特性:   1 MVVM   2 模块化   3 自动化双向数据绑定   4 语义化标签   5 依赖注入   由于很多概念都不了解,这些特性也无法理解。...通过简单学习,大致了解了AngularJS语法以及使用,包括如下内容: 1 表达式   支持普通JS表达式,表达式通过{{}}使用。...: {{ firstName }}   ng-app 定义AngularJS应用程序   ng-init 初始化应用程序变量   ng-model 获取程序变量   ng-bind

    2.7K90

    AngularJS】—— 2 初识AngularJs(续)

    前一篇了解了AngularJS一些简单使用,这里继续跟着w3c学习一下剩下内容。   ...本篇根据w3cschool.cc继续学习AngularJS剩余内容,包括:   1 事件   2 模块   3 表单   4 数据验证   5 bootstrap CSS风格   6 include包含其他页面...初始时候myVar值为false,因此并不隐藏,每次点击myVar都会改变为相反值,达到现实隐藏效果。...$scope.myVar; }; }   关于AngularJS模块   模块定义了用户应用,所有的控制器属于一个模块。之前使用ng-app就是模块定义。   ...关于AngularJS表单   表单是web中重要组成部分,如下面样例所示,可以很方便获取到form中数据 <div ng-app="" ng-controller="formController

    2.2K80

    JavaScript手写PromisePromise.then()、Promise.all()、Promise.race()

    我们可以将传给then函数和新Promiseresolve一起push到前一个Promisecallbacks数组中,达到承前启后效果: 承前:当前一个Promise完成后,调用其resolve变更状态...如果返回结果是个Promise,则需要等它完成之后再出发新Promiseresolve,所以可在其结果then里调用新Promiseresolve then(onFulfilled, onReject...接收一个Promise实例数组或具有Iterator接口对象作为参数 这个方法返回一个新Promise对象 遍历传入参数,用Promise.resolve()将参数“包一层”,使其变成一个Promise...该方法参数是Promise实例数组,然后其then注册回调方法是数组中某一个Promise状态变为fufilled时候执行。...因为Promise状态只能改变一次,那么我们只需要把Promise.race中产生Promise对象resolve,注入到数组中每一个Promise实例中回调函数即可。

    95110

    标准Promise

    序言 不同项目下lib里promise/deferred往往是差异化最多,用起来和自己习惯相比经常是缺胳膊少腿多屁眼有卵用,因此聊聊标准Promise啥样 不同Promise差异基本表现如下.../A Promises/A+ Promises/A+兼容扩展Promises/A而来,es6里Promise准守Promises/A+规范,也是当今标准规范。...标准Promise 构造 : new Promise(function(resolve, reject) {}) 静态方法 : Promise.all(iterable) Promise.race(iterable...不标准使用 构造Promise对象: new Promise().resolve() ( 请使用new Promise(function(resolve, reject) {}) ) .done()...支持标准es6 promise规范 npm promise 支持标准es6规范,增加了done()等方法 npm node-promise 支持标准es6规范,增加了更多工具方法,人气不如npm promise

    69850

    JavaScript中 return await promise 与 return promise

    ,您可以等待该承诺得到解决,或者您可以直接返回它:return await promise return promise: async function func1() { const promise...相同行为 为了找到两个表达式(与)区别,(return await promise vs return promise), 我要使用辅助功能。 delayedDivide(n1, n2)....该函数除以 2 个数字,并返回以承诺包裹分区结果: function promisedDivision(n1, n2) { if (n2 === 0) { return Promise.reject...catch(error) { ... } 现在,您可以轻松地看到使用和:return await promisereturn promise 当被包裹起来时,附近渔获物只有在等待承诺时才会被拒绝(这是事实...return await promisereturn promise 但是,如果你想抓住拒绝承诺,你从异步功能返回,那么你绝对应该使用表达和故意添加。

    2K20

    AngularJS 路由理解 原

    大漠老师路由理解 ---- 首先新建一个基础html,其中有些内容是固定,固定内容可以有如home超链接, 有些是可以插入模板如含有ui-view...div 如果是home页面,只要加入home页面的模板即可如下     $stateProvider         .state('home',...            templateUrl: 'tpls2/home.html'     }) 如进入home页面后还有子页面,即在home页面某处点击进入子页面,以list为例:在home模板页面上也有些固定内容...,也有可插入模板div,home模板链接要写成 List...home-list模板 关于about页面,about模板,about模板里面又含有左列和右列模板,当about模板及内嵌左列和又列模板都加进去后才是一个完整about页面     .state

    69620

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券