requirejs之demo

本是古典何须时尚 2021-12-16 11:21 253阅读 0赞

具体的理论就不讲了，可以参考

[http://www.ruanyifeng.com/blog/2012/10/javascript\_module.html][http_www.ruanyifeng.com_blog_2012_10_javascript_module.html]

[http://www.ruanyifeng.com/blog/2012/10/asynchronous\_module\_definition.html][http_www.ruanyifeng.com_blog_2012_10_asynchronous_module_definition.html]

[http://www.ruanyifeng.com/blog/2012/11/require\_js.html][http_www.ruanyifeng.com_blog_2012_11_require_js.html]

直接上demo

首先创建文件，其中define的是采取amd格式定义的

// require1.js
    　　define(function (){
    　　　　var add = function (x,y){
    　　　　　　return x+y;
    　　　　};
    　　　　return {
    　　　　　　add: add
    　　　　};
    　　});

// require2.js
    　　define(function (){
    　　　　var multiply = function (x,y){
    　　　　　　return x*y;
    　　　　};
    　　　　return {
    			multiply: multiply
    　　　　};
    　　});

// require3.js
    define(function(){
    	var divide=function(a,b){
    		return a/b;
    		
    	};
    	return {
    		divide:divide
    	};
    	
    })

// noAMD.js
    function test2(a,b){
    	return a-b;
    }
    window.test=test2;

//main.js　　
    require.config({		
    　　　　paths: {
    　　　　　　"require1": "src/require1",
    　　　　　　"require2": "src/require2",
    			"test":"src/noAMD"
    　　　　},
    		shim:{
    			"test":{
    				exports:"test"
    			}
    			
    		}
    　　});
    require(["require1","require2","src/require3",'test'],function(require1,r2,r3,test2){
    	var a=21,b=3;
    	alert(require1.add(a,b));
    	alert(r2.multiply(a,b));
    	alert(r3.divide(a,b));
    	alert(test2(a,b))
    })

此处需要注意非amd格式编写的，需要使用shim

转载于:https://www.cnblogs.com/benchan2015/p/requireJs.html

[http_www.ruanyifeng.com_blog_2012_10_javascript_module.html]: http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
[http_www.ruanyifeng.com_blog_2012_10_asynchronous_module_definition.html]: http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
[http_www.ruanyifeng.com_blog_2012_11_require_js.html]: http://www.ruanyifeng.com/blog/2012/11/require_js.html