JSの特殊関数（Function()コンストラクタ、関数リテラル）の違いのご紹介_基礎知識

関数定義
関数は、キーワード関数、関数名、パラメーターのセット、かっこ内に実行されるコードという形式で宣言されます。
関数の構築構文は 3 種類あります。
Js コード

コピー コード コードは次のとおりです。

1.function functionName(arg0, arg1, ... argN) { ステートメント }//function ステートメント
2.var function_name = new Function(arg1, arg2, ..., argN) , function_body); //Function() コンストラクター
3.var func = function(arg0, arg1, ... argN) { ステートメント };//関数の直接量

例:
Js コード

コードをコピー コードは次のとおりです。

1.function f( x){return x* x};//function ステートメント
2.var f = new Function("x","re​​turn x*x;");//Function() コンストラクター
3.var f = function(x) {return x*x;};//関数リテラル

関数に明確な戻り値がない場合、またはパラメーターなしで return ステートメントを呼び出した場合、実際に返される値は次のとおりです。未定義。

Function() コンストラクター
Function は実際には完全に機能するオブジェクトです。 Function クラスは、開発者が定義した任意の関数を表すことができます。 Function クラスを使用して関数を直接作成する構文は次のとおりです。
var function_name = new function(arg1, arg2, ..., argN, function_body)
上記の形式では、各 arg はパラメーターです。最後の引数は関数の本体 (実行されるコード) です。これらのパラメータは文字列である必要があります。
var SayHi = new Function("sName", "sMessage", "alert('Hello ' sName sMessage);");
sayHi("jzj,", "Hello!");//こんにちは jzj 、 こんにちは！
関数名はその関数を指す単なる変数なので、その関数をパラメータとして別の関数に渡すことができますか?答えははいです。参照してください:
Js コード

コードをコピー コードは次のとおりです:

function callAnotherFunc(fnFunction, vArgument) {
fnFunction(vArgument);
}
var doAdd = new Function("iNum", "alert(iNum 10)"); (doAdd, 10); //Output "20"

注: Function コンストラクターを使用して関数を作成することもできますが、これを使用して関数を定義するのははるかに遅いため、使用しないことをお勧めします。伝統的な方法を使って。ただし、すべての関数は Function クラスのインスタンスと見なす必要があります。
定義した関数にパラメーターがない場合は、文字列 (つまり、関数の本体) をコンストラクターに渡すだけです。
注: コンストラクター Function() に渡されるパラメーターは、作成する関数の名前を指定しません。 Function() コンストラクターで作成された名前のない関数は、「匿名関数」と呼ばれることもあります。
Function() 関数を使用すると、関数ステートメントのプリコンパイルされた関数本体に制限されることなく、関数を動的に構築およびコンパイルできます。

関数リテラル 関数リテラルは、匿名関数を定義できる式です。関数リテラルの構文は、関数ステートメントの構文とよく似ていますが、ステートメントではなく式として使用され、関数名を指定する必要がない点が異なります。構文:
Js code

Copy code コードは次のとおりです:

var func = function( arg0, arg1, ... argN) { states };//関数リテラル

関数リテラルは名前のない関数を作成しますが、その構文では関数名を指定できることも規定されています。これは、自分自身を呼び出す再帰関数を記述するときに非常に便利です。たとえば、
Js コード

Copy code コードは次のとおりです。 :

var f = function fat(x) {
if (x return 1;
} else {
return x * fat (x - 1);
}
};

注: これは、実際には、fact() という名前の関数を作成するのではなく、関数本体がそれ自体を参照できるようにするだけです。名前。 1.5 より前のバージョンの JavaScript は、この名前付き関数リテラルを正しく実装していませんでした。
•
関数リファレンス 関数名には実際の意味はありません。関数を保存するために使用される変数の名前にすぎません。この関数を他の変数に代入しても起動できます。関数:
Js コード

コードをコピー コードは次のとおりです。

function square(x){return x*x;}
var a = square;
var b = a(5);//b is 25

This is a bit like a function pointer in C.
The difference between Function() constructor and function literal
The difference between Function() constructor and function literal is that the function created using constructor Function() does not use Lexical scope, on the contrary, they are always compiled by top-level functions, such as:
Js code

Copy code code As follows:

var y = "global";
function constructFunction() {
var y = "local";
//Function() constructor
return new Function("return y;");//Do not use local scope
}
function constFunction() {
var y = "local";
//Function literal
var f = function () {
return y;//Use local scope
};
return f;
}
//Display global because the Function() constructor returns The function does not use the local scope
alert(constructFunction()());
//Display global, because the function returns the function directly and uses the local scope
alert(constFunction()()) ;