html 使用requirejs承诺基本示例（q.js和require.js应该在scripts文件夹中）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 使用requirejs承诺基本示例（q.js和require.js应该在scripts文件夹中）相关的知识，希望对你有一定的参考价值。

"use strict";

require(["scripts/q"], function (Q) {
    
    /* Scenario when promise is required */        
    /*log1(); log2();
    
    function log1() {
        setTimeout(function () {
            console.log("Log 1");
        }, 2000);
    }*/
    
    // Wanted programm flow
    log1().then(log2);
    
    // Change log1() to support promise
    function log1() {
        var deferred = Q.defer();
        setTimeout(function () {
            console.log("Log 1");
            deferred.resolve();
        }, 2000);
        return deferred.promise;
    }

    function log2() {
        console.log("Log 2");
    }
});
<!DOCTYPE html>
<html>

<head>
    <script src="scripts/require.js"></script>
    <script src="scripts/test.js"></script>
</head>

<body>

</body>

</html>

以上是关于html 使用requirejs承诺基本示例（q.js和require.js应该在scripts文件夹中）的主要内容，如果未能解决你的问题，请参考以下文章

requirejs 简单示例一

JS模块化工具requirejs教程：基本知识

转JS模块化工具requirejs教程：基本知识

RequireJS入门

使用插件将RequireJS / AMD迁移到Webpack

使用requirejs来管理angularJS依赖示例