博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript学习之: 前端模块化
阅读量:4311 次
发布时间:2019-06-06

本文共 891 字,大约阅读时间需要 2 分钟。

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模块化编程

转载于:https://www.cnblogs.com/popstar8866/p/6550540.html

你可能感兴趣的文章
java websocket开发的客户端程序
查看>>
Java中关键词之this,super的使用
查看>>
人工智能暑期课程实践项目——智能家居控制(一)
查看>>
前端数据可视化插件(二)图谱
查看>>
kafka web端管理工具 kafka-manager【转发】
查看>>
获取控制台窗口句柄GetConsoleWindow
查看>>
Linux下Qt+CUDA调试并运行
查看>>
3.1.1;例3-1
查看>>
BZOJ4066: 简单题
查看>>
用户添加修改文件的操作
查看>>
C# 2015关键字
查看>>
PostgreSQL 数据库备份
查看>>
Binder
查看>>
RabbitMQ 在Linux环境中的默认位置
查看>>
Xcode找Library位置
查看>>
[P1121]环状最大两段子段和
查看>>
操作数据库出现InvalidOpertionException(内部连接致命错误)
查看>>
深入ASP.NET数据绑定(中)——数据双向绑定机理
查看>>
Toolbar使用
查看>>
mysql优化
查看>>