面试题：没有es6老项目，如何用jq处理异步的题目？

2024年1月29日 210次阅读 来源: 曦沙飞舞

我们都晓得es6供应了promise异步写法，然则大部分的公司都是jq写的，那我们如何用Jq来写和promise异步一样的写法呢？这个晓得的人不多下面我们就来写写把

注重：
1 JQ 1.5以上
2 症结api: $.Deferred()

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>deferred test</p>

    <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
    <script type="text/javascript">
        
        // var wait = function () {
        //     var task = function () {
        //         console.log('实行完成')
        //     }
        //     setTimeout(task, 2000)
        // }
        // wait()

        // 已封装好的（A 员工）
        function waitHandle() {
            // 定义
            var dtd = $.Deferred()
            var wait = function (dtd) {
                var task = function () {
                    console.log('实行完成')
                    // 胜利
                    dtd.resolve()
                    // 失利
                    // dtd.reject()
                }
                setTimeout(task, 1000)
                // wait 返回
                return dtd.promise()
            }
            // 终究返回
            return wait(dtd)
        }

        // 运用（B 员工）
        var w = waitHandle()  // promise 对象
        $.when(w).then(function () {
            console.log('ok 1')
        }, function () {
            console.log('err 1')
        })

    </script>
</body>
</html>

如许便可以运用了，实在promise的前身就是jq的deffered，封装好以后用法差不多，es6把他范例化了罢了

    原文作者：曦沙飞舞
    原文地址: https://segmentfault.com/a/1190000014121419
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞