jsで関数を定義する3つの方法

js シリーズチュートリアル 4 - 関数、関数パラメータ

js では、関数自体はオブジェクトの一種であるため、オブジェクトの属性として、またはオブジェクトのパラメータとして定義、代入することができます。その他の機能。関数名は、関数のオブジェクト クラスへの単なる参照です。

1.関数定義

【1】関数宣言文
関数キーワードに続けてパラメータのセットと関数本体を使用します

function funcname([arg1 [,arg2 [...,argn]]]){
    statement;
}

【2】関数定義式

式で定義された関数、関数 名前はオプションです

var functionName = function([arg1 [,arg2 [...,argn]]]){
    statement;
}var functionName = function funcName([arg1 [,arg2 [...,argn]]]){
    statement;
}

匿名関数（匿名関数）は、ラムダ関数とも呼ばれ、関数キーワードの後に​​識別子がない関数です

一般的に、式で関数を定義する場合、名前は必要ありません。それらを定義するコードがよりコンパクトになります。関数定義式は、一度だけ使用される関数を定義するのに特に適しています

var tensquared = (function(x) {return x*x;}(10));   //

関数定義式には名前が含まれますが、関数のローカル スコープには関数オブジェクトにバインドされた名前が含まれます。実際、関数の名前は関数内のローカル変数になります

var test = function fn(){   return fn;
}console.log(test);//fn(){return fn;}console.log(test());//fn(){return fn;}console.log(test()());//fn(){return fn;}

個人的に理解されているように、名前付き関数式の場合、関数名は関数オブジェクトの仮パラメータに相当し、関数内でのみ使用できます。変数名は同等です 関数オブジェクトの実際のパラメータについては、関数の内部と外部の両方で使用できます

var test = function fn(){   return fn === test;
}console.log(test());//trueconsole.log(test === fn);//ReferenceError: fn is not defined

関数は、この属性を通じて、指定された関数で指定された名前を定義できます。この属性の値は常に以下と等しくなります。 function キーワードの後の識別子、匿名関数の name 属性は空です

//IE11-浏览器无效，均输出undefined//chrome在处理匿名函数的name属性时有问题，会显示函数表达式的名字function fn(){};
console.log(fn.name);//'fn'var fn = function(){};
console.log(fn.name);//''，在chrome浏览器中会显示'fn'var fn = function abc(){};
console.log(fn.name);//'abc'

[3] Function コンストラクター

Function コンストラクターは任意の数のパラメーターを受け取ります。最後のパラメーターは常に関数本体とみなされ、前のパラメーターは新しい関数のパラメーターを列挙します

var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;');

[注] Function コンストラクターでは関数名を指定できません。匿名関数が作成されます

技術的に言えば、これは次のとおりです関数式。ただし、この構文ではコードが 2 回解析されるため、お勧めできません。 1 回目は通常の JavaScript コードを解析し、2 回目はコンストラクターに渡された文字列を解析します。これはパフォーマンスに影響します

var sum = new Function('num1','num2','return num1 + num2');//等价于var sum = function(num1,num2){
    return num1+num2;
}

Function() コンストラクターによって作成された関数、その関数本体のコンパイルは常にグローバル スコープで実行されます。したがって、Function() コンストラクターは、グローバル スコープで実行される eval() と似ています

var test = 0;function fn(){
    var test = 1;    return new Function('return test');}
console.log(fn()());//0

[注] すべての関数がコンストラクターになるわけではありません

var o = new Math.min();//Uncaught TypeError: Math.min is not a constructor

2. 関数宣言の順序

関数宣言、変数が最初にロードされます。 。したがって、関数の宣言が呼び出しの前か後かを気にする必要はありません。

関数を呼び出すと、最初にローカルのアクティブなオブジェクト、つまり現在の js ファイル内でクエリが実行されます。したがって、同じ関数名が 2 つの js ファイルで定義されている場合は、上向きにクエリが実行されます。 2 つの js ファイルはそれぞれの関数を内部的に呼び出し、最後に宣言された関数が他の js ファイルで呼び出されます。

3. 繰り返し

変数の繰り返しの宣言は役に立たず、同じスコープ内で以前に宣言された変数を上書きしません。ただし、関数の繰り返しの宣言は、同じ名前を持つ以前に宣言された関数または変数を上書きします。

//变量的重复声明无用var a = 1;var a;
console.log(a);//1

//覆盖同名变量var a;function a(){
    console.log(1);
}a();//1

//覆盖同名函数a();//2function a(){
    console.log(1);
}function a(){
    console.log(2);
}

4. 削除

関数宣言文で作成した変数は、変数宣言と同様に削除できません。

function foo(){
    console.log(1);
}delete foo;//falseconsole.log(foo());//1

この記事では、js で関数を定義する 3 つの方法を紹介します。その他の関連コンテンツについては、php 中国語 Web サイトを参照してください。

関連する推奨事項:

JS の「真と偽」

JS を介して衝突を判断する方法!

古典的なアルゴリズムの js 実装ソリューションをいくつか紹介します

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