13518219792
使用require读取模块化JavaScript文件的方法？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！
为栾川等地区用户提供了全套网页设计制作服务，及栾川网站建设行业解决方案。主营业务为网站设计制作、成都网站制作、栾川网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！require通常是用于读取模块化的JavaScript文件的。
通常，在阅读JavaScript程序时，我们使用script标签来描述HTML，但是，如果在服务器端单独运行JavaScript，例如Node.js，则无法使用脚本标记。因此，可以采用了一种模块化JavaScript文件从中读取并执行它的方法。
我们先来看一下require的基本用法
Node.js中的require是针对npm读入的模块在JavaScript端能利用的方法。
var 变量 = require( 模块名称 );
在上面的代码中，我们只需指定要加载的模块的名称作为require参数。
由于加载的模块存储在指定的变量中，因此它类似于创建通用JavaScript实例。
这样就可以在不使用script标签的情况下单独使用JavaScript来读取和使用模块（库）。
我们来看如何加载模块？
看下面的例子
var gulp = require('gulp');
gulp.task('clean', function() {
//在此描述gulp的处理
});在此示例中，可以看到gulp被指定为要在require参数中读取的模块名称。
有了这个，你可以在JavaScript端使用gulp，之后可以编写你想要自动化的任务进程。
如何使用RequireJS?
使用RequireJS读取JavaScript文件
前端浏览器上使用Require的方法
随着JavaScript文件被拆分并且数量增加，仅使用script标签进行管理会变得困难。
但是，前端（浏览器）不提供像Node.js一样的使用require文件。
因此，可以使用名为RequireJS的库。
这使我们能够通过前端的require来实现文件的加载。
但是，由于语法（写入）略有不同，请仔细检查以下示例！
require(加载的文件名,函数处理)
有一点不同的是，在require 的第一个参数中指定要读取的JavaScript文件；可以指定为数组，因此它甚至可以支持多个文件读取。
之后，我们根据第二个参数的函数处理中读取的文件编写JavaScript代码。
如何使用RequireJS加载JS文件
使用RequireJS加载，有必要在define()中描述原始JavaScript文件的代码。
例如，创建一个叫sample.js的文件并按如下方式编写。
define(function() {
return function(num) {
return num * num;
};
});这是一个简单的函数，可以实现任意数的平方。
通过在define（）中描述此过程并使用“return”返回它来完成。
接下来，使用require 读取sample.js，如下。
require(['sample'], function(num) {
var result = num(10);
console.log(result);
});执行结果
100
可以看到通过将“sample”作为文件名设置为require的第一个参数并在函数中返回square来设置。
通过写 num（10），可以使用“sample.js”中定义的函数。
查看执行结果，可以看到已获得平方值！
感谢各位的阅读！看完上述内容，你们对使用require读取模块化JavaScript文件的方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联网站制作公司行业资讯频道。
