JavaScript 関数のスコープの概念とさまざまな種類の JavaScript 関数を調べる

JavaScript では、さまざまなスコープを使用して、コード内のさまざまな場所から関数や変数にアクセスできます。このチュートリアルでは関数スコープについて学びます。さらに、JavaScript のさまざまなタイプの関数式についても学習します。

関数スコープ

JavaScript で新しい関数を作成すると、その特定の関数のスコープも作成されます。これは、関数内で宣言した変数や、関数内でネストされた関数を定義した変数は、関数ブロック内でのみアクセスできることを意味します。

ファンクションブロック内で定義した変数に関数外からアクセスしようとすると参照エラーとなります。

＃＃＃文法＃＃＃

次の構文に従って関数を定義し、関数のスコープを理解できます。

リーリー

上記の構文では、関数ブロックによって制限されているため、関数の外部の変数にアクセスできないことがわかります。

例 1

この例では、サンプル関数を作成し、ブロック スコープを使用して関数内の変数を定義しました。 Sample() 関数内で定義された変数に関数の外からアクセスしようとすると、JavaScript は参照エラーをスローします。

リーリー

例 2

この例のサンプル関数では

nested_function()

を定義します。 nested_function はサンプル関数のスコープ内にあるため、nested_funciton()をsample() 関数の外で呼び出すことはできません。リーリーJavaScript のさまざまなタイプの関数

関数の定義や宣言によって、関数にはたくさんの種類がありますが、ここでは一つずつ見ていきます。

通常の機能

通常の関数は、すべての JavaScript 開発者によって一般的に使用される関数です。関数名に続けて function キーワードを使用して、通常の関数を定義できます。

通常の関数は、関数の現在のスコープの最上位に残ります。これは、関数を定義する前に関数を呼び出すことはできますが、実行後に定義する必要があることを意味します。

＃＃＃文法＃＃＃

この構文に従って通常の関数を定義します。

リーリー

上記の構文では、 function キーワードを使用して関数を定義します。 「function_name」は関数の名前で、中括弧内に関数本体のコードを記述できます。

関数式

関数式も通常の関数と同様に機能します。ただし、違いは、名前がないことと、関数式を変数に格納する必要があることです。識別子を使用して、それを格納する関数を呼び出すことができます。

JavaScript は関数式を段階的に評価します。したがって、スコープの先頭に引き上げられないため、宣言する前に呼び出すことはできません。

＃＃＃文法＃＃＃

この構文に従って関数式を定義します。

リーリー

上記の構文では、function キーワードのみを使用して名前のない関数を定義し、それを function_identifier 変数に格納しました。さらに、ユーザーは function_identifier を使用して関数式を呼び出す方法を確認できます。

アロー関数

アロー関数は、2015 年の JavaScript の最後のメジャー リビジョンである ES6 で導入されました。これは、関数名なしで関数を定義するための短い構文です。また、それらの正体を含まないため、式および匿名関数と呼ばれます。

＃＃＃文法＃＃＃

この構文に従ってアロー関数を定義します。

リーリー

上記の構文では、アロー関数式を function_identifier に格納します。さらに、 function_identifier 変数を使用して関数を呼び出すときに、アロー関数内で引数と引数を渡しました。

関数を閉じる

JavaScript でネストされた関数を作成し、子関数を使用して親関数の変数にアクセスできます。子関数には親関数のスコープ内で定義されたすべての変数へのアクセスが含まれるため、子関数をクロージャ関数と呼ぶことができます。

＃＃＃文法＃＃＃ リーリー

上記の構文では、子関数内の親関数のすべての変数にアクセスでき、親関数は子関数を返します。したがって、子関数が親関数のスコープ内で定義されている場合でも、親関数の外部から間接的に子関数を呼び出すことができます。

＃＃＃コンストラクタ＃＃＃ ＃＃＃文法＃＃＃

コンストラクターを使用してオブジェクトを作成できます。

リーリー

上記の構文では、コンストラクターのオブジェクトを作成します。

このチュートリアルの 2 つの例を通じて、入れ子関数の関数スコープがどのように機能するかを学びました。さらに、さまざまな種類の関数についても学びました。さらに、再帰関数やコールバック関数など、ユーザーがインターネット上で探索できる他のタイプの関数もいくつかあります。

以上がJavaScript 関数のスコープの概念とさまざまな種類の JavaScript 関数を調べるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。