require.js入门指南(二)

前一篇文章我们已经在页面中引入了require.js,现在我们学习如何使用它.假设我现在要使用jquery,那么该怎么做?

把jquery.js包含进项目中,我们先把它放在js文件夹下.

在index.html页中使用requireJS的require方法,把jquery加载到页面中来.代码如下:

<!DOCTYPE html>
    <html lang="zh-CN">
        <head>
            <meta charset="UTF-8">
            <script src="js/require.js"></script>
            <title>requireJS</title>
            <script>
                require(['js/jquery'],function(jquery){
                　　alert($);
                })
            </script>
        </head>
        <body>

        </body>
    </html>

这里需要注意:

需要引入的模块文件,写在require()函数中的第一个参数中,它包括模块的路径和文件名,不带.js后缀. 路径在这里是相对index.html的路径.文件名是jquery.js,但是不带后缀,所以写为 js/jquery .
大家看到,第一个参数实际上是一个数组,我们传入的每个模块,都是数组的一个元素.
第二个参数是一个函数,我们把模块引入以后,需要执行的操作,都写在这个函数里.
这个函数的形式参数就是前面传进来的模块,并且顺序要和模块在数组中的顺序一致.因为模块和参数是一一对应的,你可以为模块起一个你喜欢的名字,但是不能和模块中向外部暴露的变量名有冲突.比如我引入了jquery模块,在形式参数里,我给它起名为$,这个就和模块向外部暴露的$()函数名冲突了.

如果我把参数改为jquery,如图:

注意:请不要更改jquery这个模块的名字,会导致错误.

下面是代码运行结果截图:

说明jquery.js已经被成功导入页面中了.