作为动态语言,JavaScript代码写起来可以很自由。但是为了避免代码演化中的劣化倾向,我们还是最好在一开始的时候就注重代码结构。
可以把代码组织成三部分:变量、方法、初始化。例如:
(function () {
//
// Variables
//
var elem = document.querySelector('#app');
//
// Methods
//
var handleClicks = function (event) {
console.log(event.target);
};
//
// Inits & Event Listeners
//
elem.addEventListener('click', handleClicks);
})();
https://gomakethings.com/how-i-structure-my-vanilla-js-projects/