怎样使用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文件的具体内容,更多请关注百分百源码网其它相关文章!