javascript - 如何让html和UI相关的javascript代码耦合度降低？

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 10 年前。

通常有一些代码来初始化 UI 组件。例如，需要在document.ready中设置一些ui或bind事件到 UI。

根据我的理解，我们不应该将这些代码放在html文件中。但我担心的是，如果我将这些初始化代码放入单独的 js 文件中，它似乎仍然与 html 文件高度耦合，因为我需要对 UI 类/id 进行硬编码才能选择它。 解耦 html 和 UI 相关 javascript 的通常做法/架构是什么？如果您能提供一些简单的示例，那就太好了。

view.js

function init() {
    $("#some_view").click(sth);
    $("#some_view").text(sth);
}

Answer 1

或者，您可以将 html 元素的 id 传递给函数。如:

function init(id) {
    $(id).click(sth);
    $(id).text(sth);
}

在 HTML 文件中，调用 script 标签内的函数 init("#some_view");