ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript関数を関数の構成から詳しく解説_基礎知識

JavaScript関数を関数の構成から詳しく解説_基礎知識

WBOY
WBOYオリジナル
2016-05-16 17:23:511297ブラウズ

JavaScript 関数はかなり奇妙なもので、しばらくこれに触れると、それが何なのか理解できなくなるでしょう。一部の JavaScript 関数には名前がないので混乱していますか? JavaScript 関数のパラメーターには型がないため、混乱していますか? JavaScript 関数は式の形式で存在するため、完全に崩壊していますか?こういう悩みがあるからこそ、JavaScriptの関数を関数の構成から詳しく解説していきたいと思います。構成はわかりますが、JavaScript関数のせいで形がわかりませんので、ここでは標準関数の構成から詳しく説明します。

1. 関数名
オブジェクト指向言語では、通常、関数には名前がありますが、JavaScript 関数の場合は必ずしも名前がありません。そのような関数は、匿名関数または関数リテラルと呼ばれます。これは式のようなもので、この式の左辺値を使用して関数を呼び出すことも、変数に格納して他の関数に渡すこともできます。この利点は、呼び出されるたびに新しいオブジェクトを作成する必要がないことです。

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

var f= function (x) {return x*x ;};
alert( f(6) );

上記の例では、ページ上に 36

2 が表示されます。パラメータ
JavaScript 関数のパラメータも非常に魔法です。JavaScript 関数を呼び出すときに、入力されたパラメータが関数で定義されたパラメータと一致しない場合 (たとえば、数値が一致しない場合)、プログラムはエラーにならず、場合によっては呼び出しが成功することもあります。これは Java 言語では考えられませんが、JavaScript 関数ではそれが可能です。たとえば、上記の例では、次のように呼び出します:
コードをコピーします コードは次のとおりです:

alert(f (6,7))

結果はまだ 36 です。これは間違いではありませんが、関数によって定義されたパラメータの数が呼び出しと一致していることを確認するために、関数が正しく呼び出される必要があります。関数呼び出し元のパラメーターの数は、Arguments オブジェクトを通じて取得できます。上記のコードを変更します。
コードをコピー コードは次のとおりです。

var f= function (x) {
if (arguments.length>1) {
return "範囲外";
} else {
return x*x;
}; (6, 7) );


は関数呼び出し元のパラメーターの数を取得することを処理し、これらのパラメーターの値を取得することもできます。


コードをコピーします コードは次のとおりです:
var f= function (x) {
if( argument.length>1) {
return argument[0]*arguments[1]



コードをコピー}; ;


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