jsで関数を宣言する4つの方法

今回はjsで関数を宣言する4つの方法をご紹介します。jsで関数を宣言する際の注意点は何ですか?実際のケースを見てみましょう。

関数、以下はその可能な使用法とそれらの間の関係です。

使用方法 1:

var foo01 = function() {   
    var temp = 100;       
    this.temp = 200;       
    return temp + this.temp;   
}   
alert(typeof(foo01));   
alert(foo01());

実行結果: function 300

説明: function を使用する最も一般的な方法は、
JavaScript 関数を定義することです。 2 つの書き込み方法の作用効果は全く同じですが、唯一の違いは、後者の書き込み方法の方が初期化の優先順位が高いことです。大きな拡大記号内の変数スコープでは、これは ウィンドウ オブジェクト である foo01 の所有者を参照します。

使用法その2:

var foo02  =  new function() {    var temp  =  100;    this.temp  =  200;       
    return  temp  +  this.temp;   
}   
console.log( typeof( foo02 ) );   //'object'console.log( foo02.constructor() ); //300

動作結果: オブジェクト300

説明: これは関数と思われる、比較的パズル関数のメソッドです。しかし、実際にはこれは JavaScript ではユーザー定義のオブジェクトですが、ここでは匿名クラスです。この使用法は基本的に関数自体の使用とは関係がありません。変数スコープは大きな展開記号内に構築され、これはスコープ自体を指します。

メソッド 3 の使用:

var foo3  =  new Function('var temp = 100; this.temp = 200; return temp + this.temp;');   
alert( typeof( foo3 ) );   
alert( foo3() );

実行結果: function 300

説明: システムの
組み込み関数 オブジェクトを使用して関数を構築します。これは、効果と初期化の点でメソッド 1 の最初のメソッドとまったく同じです。つまり、関数本体は文字列形式で指定されます。

使用法 4:

var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');   
alert( typeof( foo4 ) );   
alert( foo4() );

実行結果: 関数 300

説明: この方法は一般的には使用されず、効果は方法 3 と同じですが、新しいものを使用しないことによる副作用があるかどうかは不明です。これには JavaScript も反映されます。 最高の機能: 柔軟性!できるものは節約しましょう。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

Vueリストレンダリングの詳しい説明

と段落

を使ってSanmao引用文を書く

HTMLインラインスタイルの改善「Sanmao Classic Quotation」

JS関数の詳細な分析

以上がjsで関数を宣言する4つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。