ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript関数(コード添付)の深い理解と実践

JavaScript関数(コード添付)の深い理解と実践

亚连
亚连オリジナル
2018-05-18 18:03:141210ブラウズ

今日は、Function 関数のトレーニングと理解に関する JavaScript に関する基本的な教育コンテンツをお届けします。一緒に学びましょう。

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

Function は確かにオブジェクトであり、私たちが定義する関数は実際には Function オブジェクトのインスタンスであり、それは Function オブジェクトのインスタンスを指すものとして理解することもできます。関数型 A の参照を指します。これは参照型のメモリ アドレスを指すため、この変数が参照型のアドレスを指し、このアドレスが参照型のアドレスを指すことも簡単に理解できます。 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 の 2 つの関数はまったく影響を受けません。

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

関数名は関数インスタンスを指す単なる変数であるため、JavaScript Load では同じ変数が同じ参照アドレスを指すため、関数が重複することはありません。結局のところ、それは同じ関数を表します

関数はオブジェクトのインスタンスであるため、属性とメソッドを持つ必要があります。したがって、JavaScript の関数には属性引数もあります。

this、length、prototype

arguments は、現在の関数のパラメータ配列を表します。この属性は、callee という属性も持ちます。ポインタは、関数エンティティを指します。この引数属性 (関数名に相当) は、C# の場合と同様に、現在の環境であり、現在のコンテキストを示します。 length 属性は、現在の関数が受け取るパラメーターの最大数を示します。

prototype は関数のプロトタイプを表します。これは、オブジェクト インスタンスのメソッドが完全に保存されていることを意味します。たとえば、toString() valueOf() などです。次に、関数関数の種類を見てみましょう

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

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

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

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

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

rreee

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

関連記事:

Vue.

jsログインフォームコードの設定手順の分析

JSのメールアドレス形式検証コード

JSは、タイムシェアリング関数を使用してコードを最適化します

以上がJavaScript関数(コード添付)の深い理解と実践の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。