Beginner: 私たちは人間であり、間違いはよくあることです. > 50 ミス/日.
Intermediate: 私たちは人間であり、間違いを避けることができます. < 50 ミス/日.
Expert: 私たちは人間であり、Javascript で話すことができます 🤣. < 5 ミス/日.

とても興味深いですね.上記のステートメントに見られるように、どこにでも間違いがあります.では、専門家の心は一般的に何をするのでしょうか?

彼は結果を予測し、それに応じて結果を更新することができますが、初心者はコーディング中に試行錯誤を行います.

If you know the disease well then you can cure it well instead of eating the whole medical shop.

グーグルには良いことわざがあるかもしれませんが、突然これが頭に浮かんだので書きました.あなたが文脈を得たことを願っています.

私は茂みの周りを打つのは好きではありません.はじめましょう:

間違いを避け、短時間でコーディングするためのクールなヒントをいくつか提供したいと思います.

ヒント 1: 基本をよく練習する

何かをコーディングするときはいつでも、機能全体を可能な限り小さな部分に分離して、コーディングを開始します.

コーディングの各段階で、ブラウザに表示したいデータをいじります.

例:

アプリケーションで従業員リストを表示し、ユーザーが新しい従業員を追加したらすぐにリストを更新する必要があるとします.

// Initial list.
let employeeList = ['james', 'peter', 'roy', 'garreth'];

// you know you can use push and add a new employee to your existing array.
employeeList = employeeList.push('new james');

// But you are not sure what happens if you do like the above
console.log(employeeList);
> 5 // push returns the size of the array instead updated array.

したがって、基本を知ることは間違いを避けるために非常に重要です.また、試行錯誤の罠を避けるためです.

I would say this is the main reason for mistakes in the whole coding journey.

ヒント 2: 使用する前に学ぶ

はい. Web アプリケーションでいくつかの特定のリアルタイム シナリオを実現するために作成されたラッパーまたはライブラリに依存する必要がある場合があるため、基本的な JS メソッドを毎回使用するわけではありません.

例: moment.js - 日付と時刻をうまく処理するために使用される JavaScript ライブラリです.

このライブラリを直接インポートして、必要な時間変換などを行うことができます.

現在、これらの種類のライブラリは、さまざまな目的に使用するさまざまな方法を提供しています. StackOverflow を検索してコードをコピーして貼り付けるべきではありません.

すべてのライブラリは、提供する各機能についてより明確なドキュメントを提供します.それらを調べて、提供されている例を試して、機能と欠点を理解してください.その後、それらを使用してください.

So, this tip is not just to avoid mistakes but also to avoid future bugs.

ヒント 3: 実行の流れを理解する

通常、スクリプトは上から下に向かって実行されます.ただし、フローが少しずれている状況があります.

非同期 JS:

JS には、Promises、setTimeout、setInterval などの非同期サポートがあります.これらを使用すると、実行フローが変わります.

例:

console.log('first message');

setTimeout(() => {
    console.log('async message');
});

console.log('last message');

> first message
> last message
> async message

演算子の優先順位: 演算子が相互にどのように解析されるかを決定します.

console.log(5 + 10 * 3 - 2); // 33
console.log(5 + 10 * (3 - 2)); // 15
console.log((5 + 10) * 3 - 2); // 43

最初のシナリオでは、乗算が優先されるため、
5 + 10 * 3 - 2 -> 5 + 30 - 2 -> 35 - 2 - 33

2 番目のシナリオでは、括弧の優先度が高いため、
5 + 10 * (3 - 2) -> 5 + 10 * 1 -> 5 + 10 -> 15
3つ目は自明です.

ということで、実行順が変わる結果がこちら.

ここまでは順調ですが、演算子の優先順位には多くの規則があり、どうすれば覚えられるのでしょうか?

このページをブックマークしてください: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

Keep in mind that debugging is not for mistakes.

デバッグについては、別の記事で取り上げ、どこで、いつ、どのようにデバッグを効率的に使用するかを示します.

要点は何ですか?

間違いが減る == コーディング時間の短縮 - パフォーマンスの向上

間違いを避けるために学ぶこと - 知識は神聖です

JS で話すことになります - 最高のプログラマーになりました🤩

これらすべてのヒントは私の経験から出ています.あなたが最もフォローしているヒントについてコメントしてください.また、あなた自身のヒントについてもコメントしてください.

ありがとう😊

💎 あなたの反応を見るのが大好き

のように - あなたがここに到達したことを意味します.私は、いいねに値すると思います.

コメント - 一緒に学べます.

共有 - 他の人にもこのリソースが役立つと思われるようにします.

購読/フォロー - 毎日の記事で最新情報を入手してください.

私を励ましてください-You can buy me a Coffee

さらに議論しましょう。

ただDM

または、

に言及してください

さらなる更新について: