この質問が一般的すぎないことを願っていますが、標準の javascript / jQuery コードからモジュラー / テスト済みコードへの移行方法に関する適切なチュートリアルが見つかりませんでした。新しいタスクは、wordpress プラグインの JavaScript を完全にリファクタリングすることです。現在のコードは標準の jQuery コードであり、すべてファイルにスローされ、dom 要素の存在をチェックして現在のページを理解し、正しいイベント ハンドラーをアタッチします。私の目標は、単純に、より管理しやすく明確なコードを記述し、その過程でテストを導入することです。私のアプローチは次のとおりです。
- コードを個別のファイル (ページごとに 1 つのファイル) にモジュール化し、require.js を使用して必要なコードのみを読み込むようにしてください。
- jasmine/sinon を使用していくつかのテストを作成し、テストに合格するように既存のコードを調整してみてください
他に提案やベストプラクティスはありますか? 同様のタスクにどのようにアプローチしたかについて、いくつか例を挙げていただけますか?
MVC フレームワークを導入することを考えていましたが、標準の jQuery コードに固執できれば、複雑さが増さないため、開発チームにとっては簡単だと思います。