JS防止全局变量污染解决方案
1.目前出现的问题:
a.随意使用全局变量,会存在冲突的风险和难以解决的问题。
b.现有JS代码共享流程中的状态,参数,都是通过按钮传递,非常别扭,不易于管理。
c.通过完成后的代码很难知晓业务流程,很蹩脚。
2.目前的代码方案优点:
a.代码的公共参数、公共函数一目了然,复用也简单。
b.可以根据业务板块划分代码模块,耦合性非常低。
c.用JS的对象逻辑实现了代码“包”的概念。
3.具体方案:
3.1 //1)避免污染 2)可以互相取到值。var myInfo = {};myInfo.name = { smallName: "小七",
bigName: "张国彪"
};
myInfo.myWork = {
jog: function(){
console.log("Codeing");
},
myLike: function(){
console.log("读书,旅游");
},
jiaoSmallName: function(){
console.log(this);
console.log(myInfo.name.smallName);//这样就可以取到想要的参数了。
}
}; myInfo.myWork.jog();
myInfo.myWork.myLike();
console.log("我的小名:" + myInfo.name.smallName);
myInfo.myWork.jiaoSmallName() 3.2利用匿名函数将脚本包裹起来(适用于一小段代码)
(function(){
console.log("Hello World!");
})();
4.可以通过给模块增加extends来增加与其他模块的通信。
5.解决方案在代码实践中的细节技巧积累:
/*PC版会员改版支付流程*/
a.index()函数获取自己想要的索引值,在支付弹窗点击价格条出现不同二维码。
b.严格按照理清需求,按模块划分“包”,按流程步骤划分具体函数。
JS防止全局变量污染解决方案的更多相关文章
- 如何减少JS的全局变量污染
A,唯一变量 B,闭包
- 防止js全局变量污染方法总结
javaScript 可以随意定义保存所有应用资源的全局变量.但全局变量可以削弱程序灵活性,增大了模块之间的耦合性.在多人协作时,如果定义过多的全局变量 有可能造成全局变量冲突,也就是全局变量污染问题 ...
- [转] 防止js全局变量污染方法总结
javaScript 可以随意定义保存所有应用资源的全局变量.但全局变量可以削弱程序灵活性,增大了模块之间的耦合性.在多人协作时,如果定义过多的全局变量 有可能造成全局变量冲突,也就是全局变量污染问题 ...
- 防止js全局变量污染方法总结-待续
javaScript 可以随意定义保存所有应用资源的全局变量.但全局变量可以削弱程序灵活性,增大了模块之间的耦合性.在多人协作时,如果定义过多的全局变量 有可能造成全局变量冲突,也就是全局变量污染问题 ...
- js设置全局变量ajax中赋值
js设置全局变量,在ajax中给予赋值赋值不上问题解决方案 方案一. //在全局或某个需要的函数内设置Ajax异步为false,也就是同步. $.ajaxSetup({async : false}); ...
- js设置全局变量 ajax中赋值
js设置全局变量,在ajax中给予赋值赋值不上问题解决方案 方案一. //在全局或某个需要的函数内设置Ajax异步为false,也就是同步. $.ajaxSetup({async : false}); ...
- angularJS 路由加载js controller 未定义 解决方案
说明 本文主要说明,在angularJS框架使用中,angularJS 路由加载js controller 未定义 解决方案. 路由 $routeProvider 异步加载js 路由的基本用法,请查看 ...
- JS传值中文乱码解决方案
JS传值中文乱码解决方案 一.相关知识 1,Java相关类: (1)java.net.URLDecoder类 HTML格式解码的实用工具类,有一个静态方法:public static String ...
- PHP和JS中全局变量和局部变量
一,PHP中全局变量和局部变量 php与C++中对全局变量和局部变量定义类似,全局变量:函数外定义的变量,在全局通用:局部变量:在函数内定义的变量,只在函数内有效.PHP中变量范围跨越了include ...
随机推荐
- java线程深入学习
一.java中的线程是通过Thread类创建的, //下面是构造函数,一个共同的特点就是:都是调用init()进行创建的 public Thread() { init(null, null, &quo ...
- Python(一) 基本类型
前言: 什么是代码? 代码是现实世界事物在计算机世界中的映射. 什么事写代码? 写代码是将现实世界中的事物用计算机语言来描述. 一.数字:整形与浮点型 整型:int 浮点型:float (没有单精度和 ...
- 利用canvas画一个实时时钟
先放一张效果图: 下面是源代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...
- 及格的产品vs优秀的产品
类似的产品,做了同样的一个功能,但是,我们还是可以很明显的感受到不同,这种不同我们常常把他叫做「用户体验」. 来看看2组类似产品相似功能的设计: 识别到歌名vs还可以滚动展示歌词 在很早的时候就存在一 ...
- CMDB学习之八,完成所有资产采集信息的收集
#!/usr/bin/env python # -*- coding:utf-8 -*- import traceback from .base import BasePlugin from lib. ...
- Vue_小练习
<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name ...
- OpenJDK源码研究笔记(十):枚举的高级用法,枚举实现接口,竟是别有洞天
在研究OpenJDK,Java编译器javac源码的过程中,发现以下代码. 顿时发现枚举类竟然也有如此"高端大气上档次"的用法. 沙场点兵(用法源码) com.sun.tools. ...
- 在resin配置參数实现JConsole远程监控JVM
在Resin配置參数实现JConsole远程监控JVM 在Resin中配置中配置下列參数,就能够是实现了! <jvm-arg>-Dcom.sun.management.jmxremote& ...
- 认识 Atlassian Datacenter 产品
认识 Atlassian Datacenter 产品 云端原本就是群集化的架构,Atlassian 系列产品.应用的开发团队相当广范且行之有年,可是将应用程序作为节点(比方Jira,confluenc ...
- MathType下载和安装(与Visio搭配使用)
不多说,直接上干货! 福利 => 每天都推送 欢迎大家,关注微信扫码并加入我的4个微信公众号: 大数据躺过的坑 Java从入门到架构师 人工智能躺过的坑 ...