15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 js

js解决异步的方法

梁鹏翱| 发布于 2021-11-09 09:12:01| 512阅读| 0点赞| 0评论
举报

js解决异步的方法

一、callback回调函数

回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。( 也即:B函数被作为参数传递到A函数里,在A函数执行完后再执行B )

function f1 (callback) {
    setTimeout(function () {
     console.log("1")
        callback();
    },1000);
    }
function f2(){
        console.log("2")
    }
    f1(f2);

二、Promise

(1)promise对象是commonjs工作组提出的一种规范,一种模式,目的是为了异步编程提供统一接口。
(2)promise是一种模式,promise可以帮忙管理异步方式返回的代码。他讲代码进行封装并添加一个类似于事件处理的管理层。我们可以使用promise来注册代码,这些代码会在在promise成功或者失败后运行。
(3)promise完成之后,对应的代码也会执行。我们可以注册任意数量的函数再成功或者失败后运行,也可以在任何时候注册事件处理程序。
(4)promise有两种状态:1、等待(pending);2、完成(settled)。promise会一直处于等待状态,直到它所包装的异步调用返回/超时/结束。
(5)这时候promise状态变成完成。完成状态分成两类:1、解决(resolved);2、拒绝(rejected)。
(6)promise解决(resolved):意味着顺利结束。promise拒绝(rejected)意味着没有顺利结束。
'use strict';

// 输出log到页面:
function log(s) {
   if(s==1){
    console.log("这是1");
    }else if(s>1&&s<=10){
    console.log("这是大于1,小于或等于10")
    }else if(s>10){
    console.log("大于10")    
    }else{
    console.log("el," + s)
    }
}
function ins(){
    console.log("一起来嗨皮")
}
var p = new Promise(function (resolve, reject) {
    log('start new Promise...');
    var timeOut = Math.random() * 2.5;
    log('set timeout to: ' + timeOut + ' seconds.');
    setTimeout(function () {
        if (timeOut < 1) {
//             log(timeOut);
            resolve(200);
        }else if(timeOut == 0){
            resolve(1);
        }else {
//             log(timeOut);
            reject(timeOut);
        }
    }, timeOut * 1000);
})
p.then(function (r) {
    log(r);
})

p.catch(function (r) {
    log(r);
});
(1)代码的 关键在于setTimeout()的调用。
(2)重要的是,他调用了函数resolve()和reject()。resolve()函数告诉promise用户promise已解决;reject()函数告诉promise用户promise未能顺利完成。
(3)另外还有一些使用了promise代码。注意then和catch用法,可以将他们想象成onsucess和onfailure事件的处理程序。
(4)巧妙地方是,我们将promise处理与状态分离。也就是说,我们可以调用p.then(或者p.catch)多少次都可以,不管promise是什么状态。
(5)promise是ECMAscript 6管理异步代码的标准方式,javascript库使用promise管理ajax,动画,和其他典型的异步交互。

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

梁鹏翱
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部