美文网首页
immy框架入门系列(1)——module

immy框架入门系列(1)——module

作者: NoteCode | 来源:发表于2016-06-25 15:53 被阅读19次

    以前的代码,没有类,也没有模块(技术意义上的“模块”),有点“有需求,而后产生代码”的意思,读起来比较“直”。“直”,也是小白程序员的代码的共同味道:所写即所想。
    新框架,引入了类(class),模块(module),一定程度上说,需要换一种思维方式,需要一点“拐弯”。“先有框架,然后为‘需求’产生代码”

    本文先说module的实现机理,后续文章再谈class。(本系列文章,仅就关键原理进行说明,更多的实现细节、语法,需参考相关文档、代码)

    requirejs

    zy框架使用requirejs来实现模块化。所需的两个关键方法:define / require

    • define: 定义module
    • require: 引入module
    // moduleX.js
    define(['some/other/module1', 'some/other/module2'], function(mod1, mod2) {
        // some/other/module1, some/other/module2为本模块所依赖的模块,加载完后
        // 分别以变量mod1, mod2被使用
      
        // 你想返回的任何object, 包括function
        var x = {some: 'hello'};
        return x;
    })
    
    // main.js
    function main() {
        require(['moduleX'], function(modX) {
            console.log(modX.some); // output 'hello'
        })
    }
    
    main();
    

    That's all. 简单说来就是:

    定义module用define,引用module用require.

    web.git中有个demo:m/src/demo/require,呈现的是本文的意思。

    相关文章

      网友评论

          本文标题:immy框架入门系列(1)——module

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