美文网首页工作生活
回味JS(七)之异步

回味JS(七)之异步

作者: ArmorVon | 来源:发表于2019-06-30 21:39 被阅读0次

    为什么JavaScript是单线程模型?

    • 不想让浏览器变得太复杂,因为多线程需要共享资源、且有可能修改彼此的运行结果,对于一种网页脚本语言来说,这就太复杂了

    程序里面的任务分为哪两类?

    同步任务(synchronous)和异步任务

    • 同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。只有前一个任务执行完毕,才能执行后一个任务
    • 异步任务是那些被引擎放在一边,不进入主线程、而进入任务队列的任务。

    有哪些方式可以实现异步操作?

    • 回调函数
    • 事件监听
    • 发布/订阅

    setTimeout() 和 setInterval() 的区别?

    • setTimeout()是定时器,在多少毫秒之后执行一次。
    • setInterval()是计时器,指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行

    setTimeout(f, 0) 会立即执行吗?

    • 不会
    • 必须要等到当前脚本的同步任务,全部处理完以后,才会执行setTimeout指定的回调函数f。也就是说,setTimeout(f, 0)会在下一轮事件循环一开始就执行。

    Promise 实例具有哪三种状态?

    • 异步操作未完成(pending)
    • 异步操作成功(fulfilled)
    • 异步操作失败(rejected)

    Promise的then里面不同回调函数有什么差别?

    var f1 = new Promise(function(resolve) {
        console.log('f1');
        resolve();
    })
    function f2 () {
        console.log('f2');
    }
    
    <!--写法一-->
    f1.then(function() {
        return f2();
    })
    
    <!--写法二-->
    f1.then(function() {
        f2();
    })
    
    <!--写法三-->
    f1.then(f2());
    
    <!--写法四-->
    f1.then(f2);
    
    // 输出: 
    f1
    f2
    
    • 这四种写法都会输出同样的结果,
    • 如果在then后面再接着写一个then(f3),则会有不一样的效果

    实验如下:

    function f1() {
        return new Promise(function(resolve) {
            resolve('f1的结果');
        })
    }
    function f2 (param) {
        console.log('param: ', param);
        return 'f2的结果';
    }
    
    function f3(res) {
        console.log('res:', res);
    }
    
    // 写法一
    // f1().then(function() {
    //     return f2();
    // }).then(f3);
    
    // 写法二
    // f1().then(function() {
    //     f2();
    // }).then(f3);
    
    // 写法三
    // f1().then(f2()).then(f3);
    
    // 写法四
    f1().then(f2).then(f3);
    
    • 看一下输出结果:
    // 写法一
    param:  undefined
    res: f2的结果
    
    // 写法二
    param:  undefined
    res: undefined
    
    // 写法三
    param:  undefined
    res: f1的结果
    
    // 写法四
    param:  f1的结果
    res: f2的结果
    
    

    可以看到,

    • 写法一的f3回调函数的参数,是f2函数的运行结果;
    • 写法二的f2和f3回调函数的参数是undefined;
    • 写法三的f3回调函数的参数,是f1函数返回的函数的运行结果,而f2没有接受到参数;
    • 写法四中f2会接收到f1()返回的结果,f3接受到f2函数的运行结果。

    经过查询MDN发现原因如下:

    • 如果忽略针对某个状态的回调函数参数,或者提供非函数 (nonfunction) 参数,那么 then 方法将会丢失关于该状态的回调函数信息,但是并不会产生错误。如果调用 then 的 Promise 的状态(fulfillment 或 rejection)发生改变,但是 then 中并没有关于这种状态的回调函数,那么 then 将创建一个没有经过回调函数处理的新 Promise 对象,这个新 Promise 只是简单地接受调用这个 then 的原 Promise 的终态作为它的终态
    • 如果then中的回调函数返回一个值,那么then返回的Promise将会成为接受状态,并且将返回的值作为接受状态的回调函数的参数值。
    • 如果then中的回调函数没有返回值,那么then返回的Promise将会成为接受状态,并且该接受状态的回调函数的参数值为 undefined。

    为什么要用Promise做异步处理?

    • 解决回调地狱,代码难以维护, 常常第一个的函数的输出是第二个函数的输入这种现象
    • promise可以支持多个并发的请求,获取并发请求中的数据
    • 无论何时为 Promise 实例添加回调函数,该函数都能正确执行
    • 这个promise可以解决异步的问题,本身不能说promise是异步的

    相关文章

      网友评论

        本文标题:回味JS(七)之异步

        本文链接:https://www.haomeiwen.com/subject/kokicctx.html