JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞)
更新時間：2023年05月01日 19:45:14 作者：hangge
這篇文章主要介紹了JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞),需要的朋友可以參考下
我們在編寫代碼的時候，有什么需要判斷函數(shù)有沒有傳參，方便我們進(jìn)行后續(xù)的操作，下面是具體的判斷是否傳參的幾種方法
一、通過undefined對比
function jb51(x,y){
if(x==undefined){
x=100;
}
y=y==undefined?200:y;
alert(x+y);
}
jb51();直接判斷x==undefined，函數(shù)中直接這樣就行，如果別的需要結(jié)合typeof(變量)=='undefined'來判斷參數(shù)有沒有定義。
二、通過||
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); //得到是 函數(shù)的形參的個數(shù)
//console.log(arguments);
console.log(arguments.length); // 得到的是實參的個數(shù)
if(fn.length == arguments.length)
{
console.log(a+b);
}
else
{
console.error("對不起，您的參數(shù)不匹配，正確的參數(shù)個數(shù)為:" + fn.length);
}
//console.log(a+b);
}
fn(1,2);
fn(1,2,3);效果圖
補(bǔ)充
1，判斷參數(shù)是否傳遞
如果我們定義了一個帶參數(shù)的方法，調(diào)用的時候這些參數(shù)可以全部傳遞、部分傳遞、甚至不傳遞。
// 帶兩個參數(shù)的方法
function test(a, b) {
}
// 方法調(diào)用
test();
test(0);
test(0, 1);（2）如果在函數(shù)中想要知道這個參數(shù)是否傳遞，可以通過如下方式判斷（注意是 3 個等號）
// 帶兩個參數(shù)的方法
function test(a, b) {
if(a === undefined){
console.log("參數(shù)a沒有傳遞!");
}
if(b === undefined){
console.log("參數(shù)b沒有傳遞!");
}
}
// 方法調(diào)用
test(0);效果圖
2，參數(shù)默認(rèn)值
（1）當(dāng)函數(shù)的某個參數(shù)沒有傳遞時，如果想要它有個默認(rèn)值，可以這么寫。
// 帶兩個參數(shù)的方法
function test(a, b) {
a = (a === undefined ? 1 : a); // a默認(rèn)值為1
b = (b === undefined ? 2 : b); // b默認(rèn)值為2
}注意：不建議使用下面這種方式，因為如果參數(shù)為 0 的話會出問題。
// 帶兩個參數(shù)的方法
function?test(a, b) {
??a = a | 1;?// a默認(rèn)值為1
??b = b | 2;?// b默認(rèn)值為2
}（2）如果用 ES6 我們可以直接這么寫：
// 帶兩個參數(shù)的方法
function test(a = 1, b = 2) {
}到此這篇關(guān)于JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞)的文章就介紹到這了,更多相關(guān)js中函數(shù)傳參判斷內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)的倒計時按鈕,實例分析了javascript倒計時效果的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2015-06-06
實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯，如同TEXTBOX一般
實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯，如同TEXTBOX一般...2007-03-03
日常小程序里很多是需要付款的，那如何在小程序里實現(xiàn)付款呢？本篇就帶著大家體驗一下，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值2022-08-08
這篇文章主要介紹了詳解webpack的proxyTable無效的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
以下頁面在運行中,調(diào)試輸出的永遠(yuǎn)是alter('1'),原因是按照頁面加載從上至下的順序,同名的方法以最后一個為準(zhǔn).2009-01-01
JavaScript實現(xiàn)三級聯(lián)動菜單效果
這篇文章主要為大家詳細(xì)介紹了三級聯(lián)動菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)蒙版與禁止頁面滾動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
詳解微信小程序的不同函數(shù)調(diào)用的幾種方法
這篇文章主要介紹了微信小程序的不同函數(shù)調(diào)用的幾種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
MATLAB中fillmissing函數(shù)用法小結(jié)
這篇文章主要介紹了MATLAB中fillmissing函數(shù)用法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-09-09
什么都不想說，一段代碼兩張圖，解釋一切。注：在此之前請閱讀前面的系列博文2010-10-10