requirejs延迟加载实现

requirejs默认把require函数指定的模块都下载了。利用jquery的deferred函数可以实现延迟加载效果。

LazyLoader.js

require.async = function (modules, callback) {
	var _get = function () {
		var fileNames = Array.prototype.slice.call(arguments);
		var dfd = $.Deferred();
		require(fileNames, function () {
			dfd.resolve.apply(dfd, arguments);
		});
		return dfd.promise();
	};
	var eval_var = '',
	eval_arguments = [];
	_.each(modules, function (val, key) {
		eval_arguments.push('obj_' + key);
		eval_var += 'var obj_' + key + '=_get("' + val + '");';
	});
	eval(eval_var + '$.when(' + eval_arguments + ').then(function (' + eval_arguments + ') {\
        callback(' + eval_arguments + ');\
    });');
};

调用示例:

$('#TestBtn').click(function () {
	require.async(['./test'], function (Test) {
		console.log(new Test());
	});
});


你可能感兴趣的:(requirejs延迟加载实现)