• javascript学习之: 前端模块化


    1. 第一阶段javascript模块化是通过函数实现,即在一个文件中写几个函数,该文件就是刚开始的模块了

     function fn1() {
                //statement
            }
    
     function fn2() {
               //statement
            }

    缺点:污染全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间没什么关系;

    2.第二阶段 把所有的模块成员分装在一个对象中;

    var myModule = {
                var1: 1,
                var2: 2,
                fn1: function () {
                    },
                fn2: function () {
                }
            }

    通过myModule.fn2()调用模块;优点:避免变量污染,模块成员之间有一定关系;

    缺点:外部可以随意修改模块内部成员 例如 myModule.var1=11;这样就产生安全问题。

    3 第三阶段 立即执行函数;即IIFE;

     var myModule = (function(){
                var var1=1;
                var var2=2;
                function fn1 () {
                };
                function fn2() {
                };
    
                return {
                    fn1: fn1,
                    fn2:fn2
                }
            })()

    优点:这样模块外部无法修改我们没有暴露出来的变量和函数;这基本就是目前前端模块化的基础;目前通行的javascript模块化规范有两种:AMD与CommonJs

    总结: AMD模块化编程

    水到渠成,相信积累的力量!
  • 相关阅读:
    oracle数据库sql中文乱码问题,字符编码环境变量
    oracle数据库序列自增id
    上线注意事项
    impdp 导出导入注意事项
    linux 上不同用户权限问题
    plsql 工具命令窗口执行sql脚本问题
    oracle创建用户
    Redis会遇到的15个坑
    JavaScript的标准库
    JavaScript的运算符
  • 原文地址:https://www.cnblogs.com/popstar8866/p/6550540.html
Copyright © 2020-2023  润新知