JavaScript用語集

フロントエンド開発で使用される、あなたにとって異質な可能性のあるいくつかの用語のガイド

非同期

コードは、何かを開始したときは非同期であり、忘れてしまいます。結果の準備ができたら、待つことなくコードを取り戻すことができます。典型的な例はAJAX呼び出しです。これには数秒かかる場合があり、その間に他の処理を完了し、応答の準備ができると、コールバック関数が呼び出されます。 Promisesとasync / awaitは、非同期を処理するための最新の方法です。

ブロック

JavaScriptでは、ブロックは中括弧で区切られます({})。アンifステートメントにはブロックが含まれていますforループにはブロックが含まれています。

ブロックスコープ

機能付きスコープ、ブロックで定義された変数は、全体の内部から表示およびアクセスできますブロック、しかしそれの外ではありません。

折り返し電話

コールバックは、何かが起こったときに呼び出される関数です。要素に関連付けられたクリックイベントには、ユーザーが要素をクリックしたときに呼び出されるコールバック関数があります。フェッチ要求には、リソースがダウンロードされたときに呼び出されるコールバックがあります。

宣言型

宣言型のアプローチは、マシンに何をする必要があるかを伝え、詳細を理解させることです。 DOMを直接編集するのではなく、抽象化について推論するため、Reactは宣言型と見なされます。すべての高水準プログラミング言語は、アセンブラーのような低水準プログラミング言語よりも宣言型です。 JavaScriptはCよりも宣言的です。HTMLは宣言的です。

後退する

フォールバックは、ユーザーが特定の機能にアクセスできないときに優れたエクスペリエンスを提供するために使用されます。たとえば、JavaScriptを無効にして閲覧するユーザーは、ページのプレーンHTMLバージョンにフォールバックできる必要があります。または、APIを実装していないブラウザーの場合、ユーザーのエクスペリエンスを完全に壊さないようにフォールバックする必要があります。

関数スコープ

機能付きスコープ、関数で定義された変数はすべて、関数全体の内部から表示およびアクセスできます。

不変性

変数は、作成後に値を変更できない場合、不変です。可変変数は変更できます。同じことがオブジェクトと配列にも当てはまります。

字句スコープ

語彙スコープは特定の種類のスコープです。つまり、変数の値は、書き込まれたときの位置によって定義されます。それが呼び出されたときではなく、それは代替案で起こることです、動的スコープ(他のいくつかのプログラミング言語で使用されます)。

ポリフィル

ポリフィルは、最新のJavaScriptまたは最新のブラウザーAPIで利用可能な新しい機能を古いブラウザーに提供する方法です。ポリフィルは特定の種類ですシム

純粋関数

副作用がなく(外部リソースを変更しない)関数であり、その出力は引数によってのみ決定されます。この関数を1M回呼び出すことができ、同じ引数のセットが与えられた場合、出力は常に同じになります。

再割り当て

JavaScriptを使用varそしてlet宣言により、変数を無期限に再割り当てできます。とconstあなたが効果的に宣言する宣言不変文字列、整数、ブール値、および再割り当てできないオブジェクトの値(ただし、メソッドを使用して変更することはできます)。

範囲

スコープは、変数と呼ばれ、プログラムのどの部分でその変数が表示されるかを示します。letそしてconstブロックスコープがあります。これは、を使用して定義された値から異なるスコープを決定します。var、関数スコープがあります。

スコープ

スコープは、プログラミング言語が変数と関数の範囲を決定する方法です。たとえば、ブロックスコープ、関数スコープ、字句スコープを使用できます。

シム

シムは、機能またはAPIの小さなラッパーです。これは通常、何かを抽象化したり、パラメータを事前に入力したり、ポリフィル一部の機能をサポートしていないブラウザの場合。互換性レイヤーのように考えることができます。

副作用

副作用は、関数がその外部の他の関数またはオブジェクトと相互作用する場合です。ネットワークやファイルシステム、またはUIとの相互作用は、すべて副作用です。

状態

コンポーネントについて話すとき、通常、状態が関係します。コンポーネントは、それ自体のデータを管理する場合はステートフルにすることができ、管理しない場合はステートレスにすることができます。

ステートフル

ステートフルコンポーネント、関数、またはクラスは、独自の状態(データ)を管理します。配列、カウンター、またはその他のものを格納できます。

ステートレス

ステートレスコンポーネント、関数、またはクラスも呼び出されますダム意思決定を行うための独自のデータを持つことができないため、その出力または表示は完全にその引数に基づいています。これは、純粋関数ステートレスです。注:Reactでは、フックによって状態を使用できるようになるため、以前はステートレスコンポーネントと呼ばれていたものが関数コンポーネントと呼ばれるようになりました。

厳密モード

厳密モードはECMAScript5.1の新機能であり、JavaScriptランタイムがより多くのエラーをキャッチしますが、宣言されていない変数や、重複したオブジェクトプロパティやその他の微妙なものなど、見落とされがちな問題を引き起こす可能性のあるものを拒否することで、JavaScriptコードを改善するのに役立ちます。ヒント:それを使用してください。代わりに「ずさんなモード」がありますが、これは私たちが付けた名前を見ても良いことではありません。

木の揺れ

ツリーの揺れとは、ユーザーに出荷するバンドルから「デッドコード」を削除することを意味します。 importステートメントで使用しないコードを追加すると、ファイルサイズと読み込み時間を短縮するために、アプリのユーザーには送信されません。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: