ジョアブ・チュア著

1. コンソール.ログ

• コンソール ログに色を追加

これだけはやめてください！ ❌

代わりにこれを試してください。 ✅

しかし、オブジェクトの配列がある場合は、これを試してみるとさらに良いでしょう ?

コード内で特定の操作がどのくらい速く実行されるかを測定したい場合は、これを試してください。

console.time と console.timeEnd を実行して、ブラウザ コンソールにかかる時間を測定します。
最後に、コードとその実行シーケンスをトレースしたい場合は、これを試してください。

アプリケーションのデバッグに必要な大量の情報を確認できるようになります。

2. オブジェクトの分解

オブジェクト内に必要な変数はいくつかだけなのに、完全なオブジェクトが渡され、それをこの従来の方法で使用しているということが以前に起こりましたか?

関数内でヒューマン オブジェクト宣言を繰り返し使用していますか?これはやめてください。代わりに ES6 オブジェクトの構造化を使用してください。 ✅

関数の引数で使用する必要がある変数を構造解除します。あるいは、関数自体の内部で構造を解除することもできます。

3. テンプレートリテラル

❌ 変数を文字列で結合しようとする場合は、これを行わないでください。

代わりにこれを実行してください。 ✅

4. スプレッド演算子

2 つのオブジェクトがあり、それらを結合するか、1 つのオブジェクトのプロパティの一部を別のオブジェクトに割り当てたいとします。従来通り、これを行います。

実際にオブジェクトを変更していることを除けば、技術的には何の問題もありません。代わりにこれを試してください。 ✅

スプレッド演算子の最も優れた点は、配列に対しても機能することです。 ?
代わりにこれ。

代わりにこれを実行してください。

5. ループ

配列内のコストの合計を計算するためにこのように for ループを実行することに罪はありませんか?こんなことはやめてください。 ❌

代わりに、スタイルをこれに変更し始めてください。

清潔で無駄のない。仕事は終わりました！ ✅

まとめ

これらのいくつかのヒントが、より優れた、よりクリーンで無駄のないコードを書くためのガイドとなることを願っています。

MarsCode によるスポンサー
あなたのアイデアについて話し合うために、Discord への参加を歓迎します。

マースコード フォローする

MarsCode は、プログラミング タスクを支援する AI を活用した IDE と AI 拡張機能を提供します。