javascript模块化开发.ppt.ppt

javascript模块化开发;过程式的JavaScript;;常用模块创建方法 使用立即执行函数，可以达到不暴露私有成员的目的。 　　 (function(window){ var _count = 0; //私有变量 　　　　var m1 = function(){ 　　　　　　//... 　　　　}; 　　　　var m2 = function(){ 　　　　　　//... 　　　　}; //暴露模块名 　　　　window.module = { 　　　　　　m1 : m1, 　　　　　　m2 : m2 　　　　}; 　　})(window); 使用上面的写法，外部代码无法读取内部的_count变量。 console.info(module._count); //undefined 外部调用模块里面的方法： module.m1() ;开发中经常遇到的问题;其他人想定义一个 each 方法遍历对象，但页头的 util.js 里已经定义了一个，那就只能换 eachObject；;2、烦琐的文件依赖;3、javascript加载;;模块的规范 有了模块，我们就可以更方便地使用别人的代码???想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块(es6新特性自带模块定义方法) 一般一个文件作为一个模块, 文件名作为模块名。 目前，通行的Javascript模块规范共有两种： CMD（Common Module Definition， Commonjs模块定义） AMD（Asynchronous Module Definition，异步模块定义） （浏览器端使用模块化开发都需要用script标签来引入模块加载器）;CommonJS规范写法（nodejs）;如果一个模块还依赖其他模块，那么define()函数的第一个参数，必须是一个数组，指明该模块的依赖性 //util.js 　　define( function(){ 　　　　var util = { doSomething:function(){ alert(...); } }; 　　　　return util; 　　}); //使用 require([dialog], function(dialog){ dialog.open(); }); 当require()函数加载dialog这个模块的时候，就会先加载util.js文件。不需要模块的使用者手动去加载util.js文件;模块的命名;CMD模块加载写法（seajs，requirejs2.0）