JavaScript の Function 関数の詳細な解釈 (詳細なチュートリアル)

エディターは、Function 関数のトレーニングと理解に関する JavaScript に関する基本的な教育コンテンツを提供します。一緒に学びましょう。

Function 関数は JavaScript の基礎であり、関数を実現するための転換点です。サンプル分析を通じて、Function 関数をより深く理解し、その実践的な使い方を説明します。

Function は確かにオブジェクトであり、私たちが定義する関数は実際には Function オブジェクトのインスタンスであり、それは Function オブジェクトのインスタンスを指すものとして理解することもできます。これは参照型のメモリ アドレスを指すため、この変数は参照型のアドレスを指し、このアドレスは参照型のアドレスを指すことも簡単に理解できます。 Function オブジェクトのインスタンスです。

定義した関数は実際には変数であるため、関数インスタンスのアドレスは同時に複数の変数を指すことができます。

次のコードを見てください:

var add = new Function("n ", "m", "return n + m");

上記は、Function オブジェクトのコンストラクターを呼び出す標準関数定義です。このコンストラクターは、最初の N パラメーターを、最後の N パラメーターまで新しい関数のパラメーターにデフォルト設定します。パラメータは新しい関数の関数本体とみなされます。

上記のステートメントから、add 変数が Function 型のインスタンスを指していることが非常に直感的にわかりますが、この命名方法は非常に面倒であり、次と同等です。

(1) 関数式

var add=function(n,m){
return n+m;
}

(2) 関数宣言

function add(n,m){
return n+m;
}

JavaScript言語の宣言は高度であるため、初版では関数の事前定義に第2の方法を使用することを推奨しています

。

しかし、最初の定義方法を使用すると、add が非常に直感的にわかります。これは関数インスタンスを指す変数です。

変数であるため、他の変数に代入したり、関数のパラメーターとして渡したり、関数から返されたりすることができます。 var add2=add3=add; 変数はすべてこのインスタンスの参照を指しますが、将来的には add2 と add3 の 2 つの関数が影響を受けずに使用できるようになります。関数オブジェクトの参照を削除した後の null の参照を指します。 したがって、add2 と add3 はまったく影響を受けません。

そのため、この関数は他の関数のパラメーターとして渡すことができます。関数の戻り値として返すことができます。

関数名は関数インスタンスを指す単なる変数であるため、JavaScript Load では同じ変数が同じ参照アドレスを指すため、関数が重複することはありません。最後に、関数はオブジェクトのインスタンスであるため、属性とメソッドを持つ必要があります。したがって、JavaScript の関数にも属性があります。

さらに重要な 4 つの属性引数です。 length、prototype

arguments は、現在の関数のパラメーター配列を表します。この属性は、callee という属性も持ちます。この Arguments 属性を持つ関数エンティティを指すポインターが保存されます。 (関数名と同等)

この属性は、C# のこれと同様に、現在の環境であり、現在のコンテキストを示します

length 属性は、現在の関数が受け取るパラメータの最大数を示します

prototype の数値は、関数のプロトタイプ。つまり、オブジェクト インスタンスのメソッドが完全に保存されます。つまり、toString() valueOf() などのすべてのメソッドが継承されます。

次にみましょう。関数関数の種類を見てみましょう

通常の関数: 同じ名前での上書き、引数オブジェクト、デフォルトの戻り値など、通常の関数の特徴を紹介します。

function ShowName(name) {
 alert(name);
}

匿名関数: 匿名関数の特徴を紹介します: 変数匿名関数、名前のない匿名関数。

//变量匿名函数，左侧可以为变量、事件等
var anonymousNormal = function (p1, p2) {
 alert(p1+p2);
}
anonymousNormal(3,6);//输出9

クロージャー関数:クロージャー関数の特徴を紹介します。

rreee

以上が皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

Bootstrap4 + Vue2でページングクエリを実装する方法

webpackにjqueryプラグインに関する環境設定(詳細チュートリアル)があります

vue2でkeep-aliveを使う方法

nodejs を使用して gulp パッケージングを実装する方法

以上がJavaScript の Function 関数の詳細な解釈 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。