UI层的松耦合在web开发中,用户界面(UI)是由三个彼此隔离又相互作用的层定义的。HTML用来定义页面的数据和语义。CSS用来给页面添加样式,创建视觉特征。JavaScript用来给页面添加行为,使其具有交互性。如果两个组件耦合太紧,则说明一个组件和另一个组件直接相关,这样的话 ...
UI层的松耦合
在web开发中,用户界面(UI)是由三个彼此隔离又相互作用的层定义的。
- HTML用来定义页面的数据和语义。
- CSS用来给页面添加样式,创建视觉特征。
- JavaScript用来给页面添加行为,使其具有交互性。
如果两个组件耦合太紧,则说明一个组件和另一个组件直接相关,这样的话,修改一个组件的逻辑,那么另外一个组件的逻辑也需要修改。
如果你能够做到修改一个组件而不需要修改其他的组件时,你就做到了松耦合。松耦合对于代码可维护性来说至关重要。
避免使用全局变量
在浏览器中,window对象往往重载并等同于全局对象,因此任何在全局作用域中声明的变量和函数都是window对象的属性,比如:
var color = "red";function sayColor(){ alert(color);}console.log(window.color); //"red"console.log(typeof window.sayColor); //"function"
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:《编写可维护的JavaScript》——JavaScript编码规范(七)
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。