JavaScript函数参数检测的四种常用方法
作者:代码拾荒时间:2026-10-24 15:33:18浏览:390
本文详解JavaScript中函数调用时的参数检测机制。由于JS引擎不强制检查参数,开发者需手动实现。内容涵盖利用switch语句按参数个数分发逻辑、通过typeof校验基本数据类型、以及使用instanceof验证自定义类实例,并提供完整代码示例与注意事项。
JavaScript函数参数检测的四种常用方法
代码如下:
var f1 = function(p1,p2,p3){
switch(arguments.length){
case 0:
alert("无参版本的f1")
break;
case 1:
alert("1个参数版本的f1:" + p1)
break;
case 2:
alert("2个参数版本的f1:" + p1 + "," + p2)
break;
case 3:
alert("3个参数版本的f1:" + p1 + "," + p2 + "," + p3)
break;
default:
alert("不支持多于3个参数的调用!");
break;
}
}
f1();
f1("1");
f1("a",100);
f1("1","2","3");
f1("1","2","3","4") 2.参数个数检测
JS引擎同样不会在函数调用时强制检查参数个数,因此需要手动处理。示例代码如下:
代码如下:
var fnMustOneParam = function(p){
//检测有没有参数传入
if (typeof p=="undefined"){
alert("fnMustOneParam必须要有参数传入,才能调用(1)!");
return ;
}
//也可以写成这样
if (arguments.length==0){
alert("fnMustOneParam必须要有参数传入,才能调用(2)!");
return;
}
//检测参数个数
if (arguments.length!=0){
alert("fnMustOneParam只能传入一个参数调用!");
return;
}
//to do...
}
//fnMustOneParam(1,3,4); 3.参数基本类型检测
JS引擎同样不检测参数类型。若需限制参数的基本类型,可利用typeof运算符进行判断。代码如下:
代码如下:
var fnString = function(s){
if (arguments.length!=1){
alert("参数个数不匹配!");
return ;
}
if (typeof s != "string"){
alert("只能传入string类型的参数!");
return ;
}
}
//fnString(123); 4.自定义类的参数类型检测
第3条所提到的方法,只能检测参数的基本类型,如果是自定义类的参数,如果用typeof运算符号,只能得到object的类型检测结果,这时可利用instanceof运算符号来解决
代码如下:
function Person(name,age){
this.name = name;
this.age = age;
}
function fnPerson(p){
if (arguments.length=1 && p instanceof Person){
alert("fnPerson调用成功,p.name=" + p.name + ",p.age=" + p.age);
}
else{
alert("必须传入一个Person类型的参数才能调用!");
}
}
fnPerson("asdf");
fnPerson(new Person('菩提树下的杨过',30))作者最新文章
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23
