JS判断传入函数的参数是否为空(函数参数是否传递)

 更新时间:2023年05月01日 19:45:14   作者:hangge  
这篇文章主要介绍了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中函数传参判断内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 浅谈Webpack4 plugins 实现原理

    浅谈Webpack4 plugins 实现原理

    在wabpack 核心功能除了loader应该就是plugins插件了,本文主要介绍了Webpack4 plugins 实现原理,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • cnblogs csdn 代码运行框实现代码

    cnblogs csdn 代码运行框实现代码

    大家用cnblogs,csdn博客发布技术文档的时候,可以用下面的代码实现运行功能。当然大家看了源码就会发现其实方法还有很多。有更好的方法就发布一下啊。
    2009-11-11
  • 文章或博客自动生成章节目录索引(支持三级)的实现代码

    文章或博客自动生成章节目录索引(支持三级)的实现代码

    一个好的博文除了博文的质量要好以外,好的组织结构也能让读者阅读的更加舒服与方便,我看很多网站里面有一些园友的博文都是分章节的,并且在博文的前面都带有章节的目录索引,点击索引之后会跳转到相应的章节阅读
    2020-05-05
  • JavaScript中常见的字符串操作函数及用法汇总

    JavaScript中常见的字符串操作函数及用法汇总

    这篇文章主要介绍了JavaScript中常见的字符串操作函数及用法,实例汇总了javascript常见的字符串转换、分割、查询、替换等技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • uniapp改变底部安全区顶部手机信号时间电池栏颜色样式

    uniapp改变底部安全区顶部手机信号时间电池栏颜色样式

    这篇文章主要为大家介绍了uniapp改变底部安全区顶部手机信号时间电池栏颜色样式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 基于uni-app开发刻度尺组件的实现示例

    基于uni-app开发刻度尺组件的实现示例

    本文主要介绍了基于uni-app开发刻度尺组件的实现示例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Bootstrap3下拉菜单的实现

    Bootstrap3下拉菜单的实现

    这篇文章主要介绍了Bootstrap3下拉菜单的实现方法,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-02-02
  • webpack 1.x升级过程中的踩坑总结大全

    webpack 1.x升级过程中的踩坑总结大全

    webpack1已结不再维护了,官方在主推webpack2,最近在升级webpack过程中遇到了不少的问题,所以下面这篇文章主要给大家总结了一些在webpack 1.x升级过程中的遇到的坑,以及详细的解决方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08
  • javascript写的异步加载js文件函数(支持数组传参)

    javascript写的异步加载js文件函数(支持数组传参)

    这篇文章主要介绍了javascript写的异步加载js文件函数,同时支持单个文件和多个文件(数组传参),但不兼容IE6,需要的朋友可以参考下
    2014-06-06
  • 高效的获取当前元素是父元素的第几个子元素

    高效的获取当前元素是父元素的第几个子元素

    例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而HTML DOM本身并没有直接提供相应的属性,需要自己来计算。感兴趣的朋友可以了解下本文
    2013-10-10

最新评论