CLEAN フレームワーク: バグがなく保守可能な JavaScript コードを作成するための tep ブループリント

バグのある金曜日の夕方。なんとも恐ろしい夢ですね。

いいえ、夢ではありません。それは起こる可能性があります。実際、自分自身やチームのスキルについて疑問を持ち始めることはよくあります。

ところで、どうすればバグを最小限に抑えることができますか?

私はあなたを救うためのフレームワーク、つまりクリーン コードのための CLEAN フレームワーク を考案しました。

C → 一貫性が重要です。

コードに一貫性を持たせてください。あなたが尋ねたら、それは何を意味しますか?

バグの解決を開始すると、変数名 x、y、z が表示されます。いったい何なのか気になりますよね。このファイルが使用されているすべての場所を追跡すると、名前、アドレス、および電子メール変数を更新するためのものであることがわかります。さて、あなたは、なぜ人種変数名の代わりに x、y、z を使用して、避けられないバグのために貴重な金曜日の夜を無駄にしたのかと自分自身を呪っているところです。

それで、どうすればいいでしょうか?

私のやり方では、スタイルガイドに従います。 Airbnb や Google と同じように。私はAirbnbの方が好きです。

Airbnb スタイルガイド - https://github.com/airbnb/javascript

Google スタイルガイド - https://google.github.io/styleguide/jsguide.html

L → 無駄のない関数とモジュール

皆さん、今すぐ決着をつけてください!

私が何を、そしてなぜ解散しようと提案しているのか疑問に思いますか?

まあ、クールダウンしてください。目の前でキーボードを壊せと言っているわけではありません。あなたが作成したより拡張された関数を分解することをお勧めします。これらの関数は読みにくく、何が起こっているのかを理解するのが困難です。これを分割して、各関数が 1 つのことをうまく実行できるようにします。たとえば、元の関数コードを支援するヘルパー関数などです。

小さく焦点を絞った関数は、保守しやすいコードの秘密のソースです。

E → 効率的な最適化

速度は必要ですが、読みやすさやバグのないコードを犠牲にしてはなりません。

わかってる、わかってる。締め切りが近いので、その機能をもっと早く完成させなければならない、とあなたは言うでしょう。ここで、あなたが元のコードを書いたのと同じスピードでそのバグを解決する方法を尋ねます。

簡単ではありません。そうですよね?

しかし、これがこれです。まずは機能を書くことから始めます。完了したら、レビューのためにコードをプッシュする前に、コードを最適化する方法を自問してください。 forEach の代わりにマップを使用する必要がありましたか? for ループの代わりに for...of ループを使用するべきでしたか?

最適化されたコードは幸せなコードであり、幸せなコードは幸せな開発者を生み出します。

A → アンティークコードケア

レガシーコードは退屈ですが、実際には実行可能なアンティークです。

要件を理解し、それを機能させるために多くの時間を費やす人がいます。あなたが正しいです;場合によっては、最適化された読みやすいコードではないこともあります。しかし今、それを正しくするのはあなたの手の中にあります。時間が許せば、ゆっくりと着実にリファクタリングしてください。元の機能をそのまま維持するには、一度に 1 つのステップを実行してください。

遺産を尊重しますが、それを未来にそっと押し込むことを恐れないでください。

N → 新機能の採用

ES6 の機能が追加され続けるのには理由があります。

それらはただピカピカの新しいおもちゃではありません。これらは、よりクリーンで効率的なコードを作成するための新しいスーパーパワーです。アロー関数、構造化、およびテンプレート リテラルは、JavaScript のスイス アーミー ナイフです。非同期プログラミングについても忘れないでください。 Promise と async/await はコードのトラフィック コントローラーのようなもので、滞りなくすべてがスムーズに流れるようにします。

最新の機能により、コードの表現力が高まり、作業が容易になります。

ボーナス: テスト、デバッグ、繰り返し

十分にテストされたコードベースは、満足のいくコードベースです。

血液検査に行って大きな問題が見つからなかったときはどう思いますか?そうですね、コードベースも想像してみると同じように感じられるかもしれません。実際、コードが十分にテストされていれば、金曜日の夜にバグが発生する可能性は低くなります。

筆記テストはおまけですが、必須です。

覚えておいてください、あなたはこれを持っています! CLEAN フレームワーク (一貫性、無駄のないモジュール、効率的な最適化、アンティーク コードのケア、新機能の導入) を使用して、JavaScript のあらゆる課題に取り組むための準備が整っています。さあ、JavaScript 忍者のようにコードを書いてみましょう!

この記事を読んで面白かったら、Twitter/X で私をフォローして続きを読んでください。

以上がCLEAN フレームワーク: バグがなく保守可能な JavaScript コードを作成するための tep ブループリントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。