调用js的模块，调用js文件中的函数

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Javascript如何模块化编程

1、目前，主要有两个Javascript库实现了AMD规范：require.js和curl.js。本系列的第三部分，将通过介绍require.js，进一步讲解AMD的用法，以及如何将模块化编程投入实战。

2、在Node 容器，所有的模块文件都在本地，只需要从本地磁盘读取模块文件载入字符串代码，再走上述的流程就可以了。

3、有时你不仅想要使用全局变量，你还想要声明它们，以供反复使用。我们可以很容易地通过导出它们来做到这一点——通过匿名函数的返回值。

4、如果我们的代码不依赖任何其他模块，那么可以直接写入javascript代码。// main.jsalert(加载成功！)；但这样的话，就没必要使用require.js了。真正常见的情况是，主模块依赖于其他模块，这时就要使用AMD规范定义的的require()函数。

5、可以使用module模式对代码进行重用和模块化。

6、所以我们应当尽可能少地使用全局变量，模块化的目的之一就是为了解决该问题的！零全局变量模式该模式应用场景较少，通过一个IIFE(立即执行的匿名函数)，将所有代码包装起来，这样一来所有的变量、函数都被隐藏在该函数内部，不会污染全局。

Q1: Js中的模块化是如何实现的

整个模块必须在一个文件中是模块化模式的一个限制。任何一个参与大型项目的人都会明白将js拆分多个文件的价值。幸运的是，我们拥有一个很棒的实现来放大模块。首先，我们导入一个模块，并为它添加属性，最后再导出它。

data-main属性的作用是，指定网页程序的主模块。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。

模块可以是匿名的(即可以省略第一个参数)，因为模块加载器可以根据JavaScript文件名来当做模块名字。

引子vuejs 是一个入门简单的框架，具有使用简单，扩展方便的特点。随着webpack的流行，vuejs也推出了自己的load，vue-loader，可以方便的打包代码。

Q2: 在这一个普通的js文件里怎么调用requireJS的define模块里的函数

首先加载 JavaScript 文件RequireJS的目标是鼓励代码的模块化，它使用了不同于传统标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。RequireJS以一个相对于baseUrl的地址来加载所有的代码。

和三个里面方法：define– 该函数用户创建模块。每个模块拥有一个唯一的模块ID，它被用于RequireJS的运行时函数，define函数是一个全局函数，不需要使用requirejs命名空间.require– 该函数用于读取依赖。

我们先来看一下require的基本用法Node.js中的require是针对npm读入的模块在JavaScript端能利用的方法。var 变量 = require( 模块名称 )；在上面的代码中，我们只需指定要加载的模块的名称作为require参数。

requirejs官方提供了一个可用于node的适配器 r.js 。有两种方法可以在项目里面加入此库。

a： 1 }； return x；})；define函数接收一个工厂函数参数，浏览器执行该脚本时，define函数执行factory，并把它的return值存储在加载器的模块对象modules里。如何标识一个模块呢？可以用文件的uri，它是唯一标识，是天然的id。

关于调用js的模块和调用js文件中的函数的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。