JavaScript が嫌いです。大いに。これは厄介な言語だと思いますが、他の言語と同様にコーディング方法がわからないためかもしれないことを最初に認めます。
この 3 日間は、非同期制御フロー、コールバック関数、およびクロージャーについての理解が不十分であることに起因するバグに対処するのに無駄でした。
生産性を取り戻すことができるように、JS でプログラミングする簡単な方法があるかどうか疑問に思っています。私の現在のスタックは、Flask、MongoDB、JQuery、および Bootstrap です。理想的には、それらを置き換えるのではなく、増強したいと思います。
上記で概説した JS の問題を最も軽減できるのは、どのフレームワークまたはツールですか?
jQueryDeferredsの使用方法を学ぶことをお勧めします。これらは、非同期関数を使用してクリーンにプログラムするために必要ではありませんが、方向性と構造を提供するために探しているツールである可能性があります。
面倒に見えるコード例をいくつか示した場合は、より詳細な情報を提供できます。
10〜15行を超えるコードを持つコールバック関数がある場合、それらを名前付き関数に分割し、その機能を説明する名前を付けます。場合によっては、既存のオブジェクトのメソッドにすることもあります。たとえば、APIでは、ログインにすべてajaxを使用しProcessLoginResponse()、ajax呼び出しからのログイン応答を処理するというメソッドを使用しています。ログインが成功した場合、このメソッドは別のAPI呼び出しを発行する必要があり、同じオブジェクト上に別のメソッドを作成して、そのajax呼び出しへの応答を処理してフローを続行します。フローがどのように機能するかをコメント付きで文書化しますが、適切な名前のメソッドを使用すると、コードがクリーンに見え、ブレークポイントを設定したり変更したりする場所を簡単に知ることができます。
https://github.com/infinitycbs/jflowをご覧ください
これは、node.js およびブラウザーでの非同期タスクの処理に適したフレームワークです。また、従来の OOP のように、Static、Public、および Private メンバーを持つコンポーネント構造も処理します。