ノンフレームワークなJavaScriptでもDOMとうまく付き合う方法 - Qiita

ReactやVueなどのフロントエンドフレームワークが全盛期を迎えているJavaScriptですが、様々な制約から導入を足踏みしているプロジェクトは多々あると思います。 そして、そのようなプロジェクトではおそらくjQueryが現役で使われており、フロントエンドのコードはスパゲッティと化し、ネストされたコードは可読性を落とし、どの関数がどこで使われているのかわからない、そんな状態に陥っているのではないでしょうか。 この記事では、そんなプロジェクトを対象に、ノンフレームワークでも出来る限り可読性を向上させるための工夫をまとめてみました。 JavaScriptからHTMLをできるだけ触らない JavaScriptとDOMは密結合になりがち JavaScriptとDOM・HTMLの密結合がスパゲッティ化を招きます。逆に、JavaScriptとDOMを疎結合にしてしまえばスパゲッティ化しにくいといえ

[n314]

DOMと密結合でもいいんじゃないのかなあ。自分ならtryLogin関数じゃなくてLoginFormクラスを作って、その中で全部やるかな。データ取得もDataListクラスで全部やる。

[yarumato]

“JavaScriptからHTMLをできるだけ触らない　JavaScriptでは表示ON/OFFの切り替えだけ　無名関数 & コールバック多用は避ける　Promiseに対応すれば関数を横にではなく縦に伸ばすことが可能”

[renowan]

今どきなvirtual dom系FWを使えないなら、自前で薄いMVCを作ったほうがいいんじゃない？

[buhoho]

importとかって仕様とかライブラリとかエコシステム乱立してバニラじゃ使えなかったけど、現行ブラウザでは使えるのかな？