使用RequireJS优化JavaScript引用代码的方法_基础知识

RequireJS的一个优点就是，它非常容易阅读。在上面的代码中，我们可以看到，首先require函数抓取名字为jquery.js的文件，然后给一个匿名函数传入$作为参数，当这个动作完成后，你就可以任意使用JQuery的代码了。
现在，你的代码中一般不会包含jquery.js文件的jQuery库，就如大多数的插件和框架，我们通常选择从他们的GitHub或者Google CDN中导入进来，这样我们就需要配置他们的真正路径：

 





这就是说你可以通过Google导入jquery（请注意我在这个例子里面使用的是"jquery"名称，你可以使用任何你喜欢的名称）
定义模块
使用AMD模式，意味着我们的代码可以结构化成为模块；这些模块实现应用中的某些功能。你可以在一个模块中只放两行代码或者100行代码，这完全决定于你想通过模块实现什么功能。
定义模块，我们可以这样写：

 





这个里面里面，我定义了一个add函数，并且没有任何依赖，但是如果这个函数需要jquery才能正常工作，定义代码可能就是这样：

 





使用这种语法，我们告诉JavaScript首先导入jquery，然后运行代码，这样任何时候都能使用jquery。我们也可以使用在Javascript文件中定义的模块，不仅限于框架或者插件。
优化
就像你看到的一样，RequireJS是一个强大的工具，去把你的文件组织成模块，并且在你需要的时候才导入。其中的缺点就是大量的javascript文件的时候，也需要大量的导入时间，所以RequireJS包含了一个optimizer优化器去收集所有文件的数据并把它放到一个压缩文件里面。
总的来说，RequireJS是一个很好的工具去组织和优化你web应用中的Javascript。 




声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com