この記事では、JavaScript の匿名関数とは何なのか、また通常の手法やアロー関数手法自体を使用して匿名関数を宣言する方法について詳しく学習します。
匿名関数
これは名前が関連付けられていない関数です。通常、私たちが使用するのは、 関数 JavaScript で関数を定義するには、関数名の前にキーワードを使用します。ただし、JavaScript の匿名関数では、キーワードのみを使用します。 関数 関数名のないキーワード。
匿名関数は、最初に作成された後はアクセスできません。名前として格納されている変数によってのみアクセスできます。 値として機能する 。匿名関数には複数の引数を指定することもできますが、式は 1 つだけです。
構文:
以下のわかりやすい構文は、通常の宣言を使用した匿名関数の宣言を示しています。
Cのブール値
function() { // Function Body }>
以下に示すアロー関数手法を使用して、匿名関数を宣言することもできます。
( () =>{ // 関数本体... } )();>>'以下の例は、匿名関数を示しています。
例 1: この例では、コンソールにメッセージを出力する匿名関数を定義します。関数は次に、 挨拶する 変数。を呼び出すことで関数を呼び出すことができます 挨拶する()。
JavaScript
> > var> greet => function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > };> > > greet();> > |
>
出力:
Welcome to techcodeview.com!>
例 2: この例では、無名関数に引数を渡します。
JavaScript
> > var> greet => function> (platform) {> > console.log(> 'Welcome to '> , platform);> > };> > > greet(> 'techcodeview.com!'> );> > |
>
>
出力:
Welcome to techcodeview.com!>
JavaScript は高階関数をサポートしているため、匿名関数をパラメータとして別の関数に渡すこともできます。
例 3: この例では、無名関数をコールバック関数として setTimeout() 方法。これにより、この匿名関数が 2000 ミリ秒後に実行されます。
JavaScript
> > setTimeout(> function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > }, 2000);> > |
>
>
出力:
Welcome to techcodeview.com!>
匿名関数の別の使用例は、初期化の直後に関数を呼び出すことです。これは、匿名関数とも呼ばれます。 自己実行機能 。 これは括弧を追加することで実行できるため、匿名関数をすぐに実行できます。
例 4: この例では、自己実行関数を作成しました。
JavaScript
文字列を int に変換する方法
> > (> function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > })();> > |
>
>
出力:
Welcome to techcodeview.com!>
アロー関数
ES6 では、匿名関数を宣言する新しい短い方法が導入されました。これは、 アロー関数。 Arrow 関数では、ここでは必要ないことを除いて、すべてが同じままです。 関数 キーワードも。ここでは、関数を 1 つの括弧で定義し、その後に「=>」と関数本体を続けます。
例 5: この例では、アロー関数の使用方法を見ていきます。
JavaScript
> > var> greet = () =>>> > {> > console.log(> 'Welcome to techcodeview.com!'> );> > }> > > greet();> > |
>
>
出力:
Welcome to techcodeview.com!>
関数本体にステートメントが 1 つしかない場合は、中括弧を削除することもできます。
例 6: この例では、自己実行関数を作成します。
JavaScript
> > let greet = () =>console.log(>> );> > greet();> > |
>
>
出力:
Welcome to Geeksforgeeks!>
例-7: この例では、自己実行の匿名関数 (名前自体はなし) を宣言し、それを宣言する方法と、結果の値を出力するためにそれを呼び出す方法を確認します。
JavaScript
> > (() =>{>> > console.log(> 'techcodeview.com'> );> > })();> > |
Javaリストから配列へ
>
>
出力:
techcodeview.com>