《编写可维护的JavaScript》——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"

原标题：《编写可维护的JavaScript》——JavaScript编码规范（七）

关键词：JavaScript