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

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

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

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

C → 一貫性が重要です。

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

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

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

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

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

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

L → 無(wú)駄のない関數(shù)とモジュール

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

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

まあ、クールダウンしてください。目の前でキーボードを壊せと言っているわけではありません。あなたが作成したより拡張された関數(shù)を分解することをお?jiǎng)幛幛筏蓼埂￥长欷椁伍v數(shù)は読みにくく、何が起こっているのかを理解するのが困難です。これを分割して、各関數(shù)が 1 つのことをうまく実行できるようにします。たとえば、元の関數(shù)コードを支援するヘルパー関數(shù)などです。

小さく焦點(diǎn)を絞った関數(shù)は、保守しやすいコードの秘密のソースです。

E → 効率的な最適化

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

わかってる、わかってる。締め切りが近いので、その機(jī)能をもっと早く完成させなければならない、とあなたは言うでしょう。ここで、あなたが元のコードを書いたのと同じスピードでそのバグを解決する方法を?qū)い亭蓼埂?/p>

簡(jiǎn)単ではありません。そうですよね?

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

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

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

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

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

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

N → 新機(jī)能の採(cǎi)用

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

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

最新の機(jī)能により、コードの表現(xiàn)力が高まり、作業(yè)が容易になります。

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

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

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

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

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

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

以上がCLEAN フレームワーク: バグがなく保守可能な JavaScript コードを作成するための tep ブループリントの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。