RequireJS

  • 介绍

RequireJS是一个方便用户以模块化的方式进行开发的框架,因而,模块、依赖等是它的核心概念。

  • 模块

每个JS文件即一个模块,并作为一个匿名函数包括在define中。下面是一个示例:

<pre class="lang:default decode:true">/**

  • 当前模块的名称为two,依赖的模块包括:one,并把fun函数导出(暴露)

  • @author suren
    */
    define('two', ['one'], function () {
    console.log('already load module two.');

    function innerFun() {
    console.log('I am a inner function, you can not call me directly.')
    }

    return {
    fun: function () {
    innerFun();
    console.log('I am a demo function');
    }
    };
    });</pre>

通过模块的封装,可以很大程度上防止全局变量名的污染。而结合jshint以及SVN或者Git的钩子(或者直接利用Gitlab的流水线),就能实现把随意定义全局变量的代码阻止在正式代码库之外。

  • 依赖

如果你需要依赖的模块是符合RequreJS规范的话,它会帮你自动查找依赖的。例如:A模块依赖B和C模块,如果D模块需要依赖A,则只需要在define中添加A而不需要把A、B、C都添加进来。

  • 参考

本文为原创,如果您当前访问的域名不是surenpi.com,请访问“素人派”。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为什么要使用模块化? 最主要的目的: 解决命名冲突 依赖管理 其他价值 提高代码可读性 代码解耦,提高复用性 CM...
    JamHsiao_aaa4阅读 383评论 0 1
  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom阅读 2,735评论 0 3
  • 题目1: 为什么要使用模块化? 解决命名冲突; 可进行依赖管理; 增强代码的可读性; 代码解耦,提高代码的复用率;...
    漂于行阅读 397评论 0 0
  • 1: 为什么要使用模块化? 1.解决命名冲突2.可进行依赖管理3.增强代码的可读性4.代码解耦,提高代码的复用率 ...
    高进哥哥阅读 273评论 0 0
  • 0. 前言 大年初二了啊,过年好啊!不要问我问为什么还发表文章,因为我爱学习,捂脸,咳咳,没有啊,开始今天的正文。...
    旧丶时候阅读 653评论 4 7