知っておくべき avascript のヒント

ジョアブ・チュア著

1. コンソール.ログ

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

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

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

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

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

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

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

2. オブジェクトの分解

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

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

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

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

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

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

4. スプレッド演算子

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

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

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

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

5. ループ

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

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

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

まとめ

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

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

マースコード フォロー

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

以上が知っておくべき avascript のヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。