javascript - 使用 require.js 的简单示例

Question

我正在尝试学习如何使用 require.js。所以我制作了一个 HTML 页面，在正文中包含以下标记。

<script type="text/javascript" data-main="../js/shirt" src="../js/require.js"></script>
<script type="text/javascript">
    alert("Shirt color is " + shirt.color);
</script>

../js/shirt.js 有以下代码

define({
    color: "black",
    size : "large"
});

如何在我的 html 中使用这个简单的值对？

Answer 1

除了 Domenic 的回答之外，也许您更喜欢这种使用 Define 函数而不在模块内使用 require 函数的方式。

// shirt.js
define({
    color: "black",
    size : "large"
});

// logger.js
define(["shirt"], function (shirt) {
    return {
        logTheShirt: function () {
            console.log("color: " + shirt.color + ", size: " + shirt.size);
        }
    };
});

// main.js
define(["shirt", "logger"],function (shirt, logger) {    
    alert("Shirt color is: " + shirt.color);
    logger.logTheShirt();
});

我更喜欢这种方式，但这只是一个品味问题。 (我假设所有脚本都位于同一文件夹中。)