如何构建js程序代码结构？

Question

在使用面向对象写代码的过程中，一直存在这样的疑惑：
1、在码代码的过程中，通常会需要创造一个DOM元素，而且这个新元素需要绑定相关事件，这个事件绑定函数如果写在对象里面的话整个程序看上去就会非常地乱，有没有什么更简洁优雅的写法？
2、元素的样式应该分离出JS代码中独立吗?(但有时很难做到分离，但又不知如何处理)
3、每个类之间的交互应该如何去处理？

以上就是在学习过程中的一些困惑，望各位前辈多多指教，谢谢。

Answer 1

1、在码代码的过程中，通常会需要创造一个DOM元素，而且这个新元素需要绑定相关事件，这个事件绑定函数如果写在对象里面的话整个程序看上去就会非常地乱，有没有什么更简洁优雅的写法？
———— 设计的时候，dom可以当成一个参数，这样就可以做到通用。未必就每次都要设计dom.

Answer 2

1. 如果感觉绑定事件乱， 直接 利用事件委托，在 body 上注册绑定一次，
2. css 代码肯定要分离出js, 在js 中动态改变css类。建议用BEM命名
3. 类交互，还没遇到过，用原型属性，应该可以解决，正常一个页面基本只有1到2个类吧。