JS判斷傳入函數的參數是否為空(函數參數是否傳遞)

我們在編寫代碼的時候,有什麼需要判斷函數有沒有傳參,方便我們進行後續的操作,下面是具體的判斷是否傳參的幾種方法

一、通過undefined對比

function jb51(x,y){
            if(x==undefined){
                x=100;
            }
            y=y==undefined?200:y;
            alert(x+y);
        }
        jb51();

直接判斷x==undefined,函數中直接這樣就行,如果別的需要結合typeof(變量)=='undefined'來判斷參數有沒有定義。

二、通過||

function fun(x,y){
            x=x||0;
            y=y||1;
            console.log(x+y);
        }
        fun();

就是判斷x是否存在,不存在則x=0,y不存在則為1

三、通過argument

function fun(x,y){
			x=arguments[0]?arguments[0]:100;
			y=arguments[1]?arguments[1]:200;
			return x+y;
		}
		alert(fun());
		alert(fun(1,2));

分別輸出 300,3

四、形參 實參 解釋argument

    function fn(a,b)
    {
        console.log(fn.length); //得到是 函數的形參的個數
        //console.log(arguments);
        console.log(arguments.length); // 得到的是實參的個數
        if(fn.length == arguments.length)
        {
            console.log(a+b);
        }
        else
        {
            console.error("對不起,您的參數不匹配,正確的參數個數為:" + fn.length);
        }
        //console.log(a+b);
    }
    fn(1,2);
    fn(1,2,3);

效果圖

補充

1,判斷參數是否傳遞

如果我們定義瞭一個帶參數的方法,調用的時候這些參數可以全部傳遞、部分傳遞、甚至不傳遞。

// 帶兩個參數的方法
function test(a, b) {
}
// 方法調用
test();
test(0);
test(0, 1);

(2)如果在函數中想要知道這個參數是否傳遞,可以通過如下方式判斷(註意是 3 個等號)

// 帶兩個參數的方法
function test(a, b) {
  if(a === undefined){
    console.log("參數a沒有傳遞!");
  }
  if(b === undefined){
    console.log("參數b沒有傳遞!");
  }
}
// 方法調用
test(0);

效果圖

2,參數默認值

(1)當函數的某個參數沒有傳遞時,如果想要它有個默認值,可以這麼寫。

// 帶兩個參數的方法
function test(a, b) {
  a = (a === undefined ? 1 : a); // a默認值為1
  b = (b === undefined ? 2 : b); // b默認值為2
}

註意:不建議使用下面這種方式,因為如果參數為 0 的話會出問題。

// 帶兩個參數的方法
function test(a, b) {
  a = a | 1; // a默認值為1
  b = b | 2; // b默認值為2
}

(2)如果用 ES6 我們可以直接這麼寫:

// 帶兩個參數的方法
function test(a = 1, b = 2) {
}

到此這篇關於JS判斷傳入函數的參數是否為空(函數參數是否傳遞)的文章就介紹到這瞭,更多相關js中函數傳參判斷內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: