html 页面中的script片段应该如何组织比较合理

Question

在编写页面，使用传统的技术栈 html+css+jquery编写时，无法避免页面要使用选择器选中DOM来进行一些脚本的编写，例如写在页面尾部的一段script：

想请教下比较有经验的前辈一些问题
1.这类代码一般会直接写在html里面，还是单独另开js使用外部引入？
2.每个页面几乎都有这样一个小片段，是否需要每个页面都抽离成一个js，每个页面单独引用自己的js
3.想知道前辈们如何比较规范的组织JavaScript代码的？

小白请求各位前面指点迷津，万分感激~~

Answer 1

一句话：看业务场景。
1、页面功能简单，并且以后不需要维护，放在html中执行脚本。
2、如果项目中页面较多，但是每个页面功能简单，建议每个页面写个js文件单独引入。
3、如果项目较复杂，可复用模块、函数较多，建议使用requirejs进行模块化管理，公共组件、函数进行提取。

Answer 2

代码不多/页面独有就内联，主要是从性能上考虑。