JavaScript関数のパラメータ

JavaScript 関数のパラメーター

JavaScript 関数ではパラメーターを使用できません (ただし、パラメーターを含む括弧は省略できません)。関数で使用するためにパラメーターを関数に渡すこともできます。

次の例では、名前と年齢のパラメータが hello() 関数に渡され、パラメータ値はそれぞれ Xiaoming と 18 です。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">  
       function hello(name,age){
         document.write("我叫" + name + ",今年" + age + "岁!");
         }
    </script>  
</head>  
<body>  
   <input type="button" onclick="hello('小明',18)" value="确定" />
</body>  
</html>

JavaScript 関数のパラメーター エラー

JavaScript 関数のパラメーターでは、どのパラメーターが必須パラメーターであり、どのパラメーターがオプションのパラメーターであるかが厳密に要求されていません。そのため、渡されるパラメーターの数は、関数を定義する際のパラメーターの数と等しくありません。

未定義のパラメーターが関数で使用されている場合、構文エラー (未定義のパラメーター) が表示され、JavaScript コードが正常に実行されません。

パラメータが定義されているが正しく渡されない場合、次の例に示すように、関連するパラメータ値は unknown に置き換えられ、JavaScript コードは通常どおり実行されます:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">  
       function hello(name,age){
          document.write("我叫" + name + ",今年" + age + "岁!");
         }
    </script>  
</head>  
<body>  
   <input type="button" onclick="hello('小明')" value="确定" />
</body>  
</html>

JavaScript 引数オブジェクト

JavaScript 関数には、現在の関数呼び出しのパラメーターを配列のような形式で保存する特別な引数オブジェクトがあります。したがって、開発者は特定のパラメーター名を定義せずに関数パラメーターに簡単にアクセスできます。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">  
       function hello(){
        document.write("我叫" + arguments[0] + ",今年" + arguments[1] + "岁!");
      }
    </script>  
</head>  
<body>  
  <input type="button" onclick="hello('小明',18)" value="确定" /> 
</body>   
</html>

argument オブジェクトでは、arguments[0] は最初のパラメーターを表し、arguments[1] は 2 番目のパラメーターを表します。

ヒント:

通常、関数定義では、コードを読みやすくするために、引数オブジェクトは使用されません。不特定の数のパラメータを扱う場合、または関数のオーバーロードをシミュレートする場合、arguments オブジェクトを便利に使用できます。

パラメータの数を確認する

arguments オブジェクトを使用すると、関数のパラメータの数を簡単に検出できます。引数の長さ属性、つまり argument.length はパラメーターの数です:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">  
       function hello(){
        document.write(arguments.length);
      }
    </script>  
</head>  
<body>  
  <input type="button" onclick="hello('小明',18)" value="确定" />  
</html>


1。JS 関数は、

function writeNString(strMsg){

document など、さまざまなパラメーターを渡すことができます。 .write( strMsg + "<br>");

}

2. js 関数は、操作の結果を返すことができます。パラメーターはデータを入力し、

などの必要な実行結果を生成するために使用されます。

function one2N(intnumber){

var intTotal = 0;

for(var i=0;i<=intnumber;i++){

intTotal +=i;}

return intTotal;

}

3. Js 関数の値渡しパラメータとアドレス渡しパラメータ

値渡し: 変数の値を関数に渡すだけで、関数は追加のメモリを設定して保存します。パラメータ値なので変更されません。 元の変数の値。

アドレスを渡す:変数が実際に保存されているメモリの場所を関数に渡すため、関数内でパラメータの値が変更されると、元のパラメータの値も同時に変更されます。

数値、文字列、ブール値----値で渡す

オブジェクト、配列、関数----アドレスで渡す

文字列オブジェクト----アドレスで渡す

4. Js関数のパラメータ配列

Js 関数はすべて、arguments オブジェクトと呼ばれる Arguments Array オブジェクトを持っています。関数を呼び出してパラメータを渡す場合、関数でパラメータ名を指定しない場合でも、パラメータ配列オブジェクトを使用してパラメータの数と個々のパラメータ値を取得できます。 OnFunction Suminteger () {

var Total = 0;

for (var I = 0; I & LT; Suminteger.arguments.Length; I ++) {

Total+= Suminteger.arguments [ i];

}

return total;

}

//関数呼び出し

inntotal = sumInteger(100,45,56 7,234);

ドキュメント。 write(" Function sumInteger(100,45,567,234):"+inttotal+"<br>");

5. JS関数の変数スコープ

JS関数には2種類の変数があります:

ローカル変数(local Variables)関数内で宣言されている変数は関数内のプログラム行内でのみ使用でき、関数外のプログラム コードはこの変数にアクセスできません。

グローバル変数は、関数の外で宣言された変数であり、JS プログラム全体の関数およびプログラム コードからアクセスできます。

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function hello(name,age){ document.write("我叫" + name + ",今年" + age + "岁!"); } </script> </head> <body> <input type="button" onclick="hello('小明')" value="确定" /> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜