NEW ARTICLE
PHPのエラー『Notice: Undefined Property』の解決方法
  1. HOME
  2. javascript
  3. javascript 引数の数をチェックする

javascript 引数の数をチェックする

javascript 引数の数をチェックする

javascriptで、try-catchを使用して引数の数をチェックするサンプルコードを掲載してます。ブラウザはchromeを使用しています。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 104.0.5112.101
Javascript サンプル集はこちら

引数の数をチェック

「arguments.length」で引数の数を取得できるので、こちらを利用します。

function hoge(v) {
    console.log(arguments.length) // 3
}

hoge(1,2,3)

ちなみに、アロー関数の場合は、エラーとなり利用できません。

const hoge = (v) =>{
    console.log(arguments.length) 
    // Uncaught ReferenceError: arguments is not defined
}

hoge(1,2,3)
アロー関数の使い方

「try-catch」を使用して、「arguments.length」で引数の数をカウントして、引数に指定している数と異なればエラーメッセージを表示することでチェックすることが可能となります。

<input id="btn" type="button" value="ボタン"/>

<script>

'use strict';

document.getElementById('btn').onclick = function(){
  try {
    hoge(1,2);
  } catch (e) {
    console.log(e.message);
  }
}

function hoge(v) {
  if (arguments.length !== 1) throw new Error('引数の数が違います')
}

</script>
use strictについてはこちら

実行結果

コードの簡潔化

また、以下のコードを、

document.getElementById('btn').onclick = function(){
  try {
    hoge(1,2);
  } catch (e) {
    console.log(e.message);
  }
}

document.getElementByIdの省略化、アロー関数を使用して、簡潔に記述することもできます。

btn.onclick = () =>{	
  try {
    hoge(1,2);
  } catch (e) {
    console.log(e.message);
  }
}
アロー関数の使い方
document.getElementByIdの省略して記述する