如何将对象传递给require.js中的模块？

batman 发表于 Dev

蝙蝠侠

我有这些js文件：

main.js：

requirejs(['app']);

app.js：

define(['messages'], function (messages) {    
    alert(messages.getHello());
});

messages.js：

define(['global'],function () {
    var privateFn = global.getObj()

    return {
        getHello: function () {
            if(privateFn.hello == "test!")
                return 'Hello World';
        }
    };
});

global.js：

define(function () {
    var stateObj = {hello:"test!"};

    return {
         getObj: function () { return stateObj; }
    };
});

和index.html为：

<!DOCTYPE html>
<html>
    <head>
        <!-- Include the RequireJS library. We supply the "data-main" attribute to let 
             RequireJS know which file it should load. This file (scripts/main.js) can
             be seen as the entry point (main) of the application. -->
        <script data-main="scripts/main" src="lib/require.js"></script>
    </head>
    <body>
        <h1>Example 2: load module using explicit dependency syntax</h1>
    </body>
</html>

但是，当我打开时index.html，我在控制台中收到以下错误：

Uncaught ReferenceError: global is not defined  messages.js

我在哪里犯错？

武士刀314

您只需要将其设置global为messages.js函数的参数即可。requirejs将为您传递它。

messages.js：

define(['global'],function (global) {
    var privateFn = global.getObj()

    return {
        getHello: function () {
            if(privateFn.hello == "test!")
                return 'Hello World';
        }
    };
});

这样做的副作用是，如果不将模块声明为依赖项，就无法引用该模块。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。