javascript中function调用时的参数检测常用办法
时间:2022-04-23
本文章向大家介绍javascript中function调用时的参数检测常用办法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1.方法重载
js中并不直接支持类似c#的方法重载,所以只能变相的来解决,示意代码:(利用了内置属性arguments)
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引擎同样也不会在function调用时,强制检查参数个数,所以只能自己处理,示例代码:
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){
//if (arguments.length==1 && p.constructor == Person) //也可以写成这样
alert("fnPerson调用成功,p.name=" + p.name + ",p.age=" + p.age);
}
else{
alert("必须传入一个Person类型的参数才能调用!");
}
}
fnPerson("asdf");
fnPerson(new Person('菩提树下的杨过',30))
- TensorFlow从0到1 - 18 - TensorFlow 1.3.0安装手记
- Python + Splinter 实现浏览器自动化操作入门指南
- 动态地理信息可视化——leaflet在线地图简介
- python中的递归函数
- 对抗思想与强化学习的碰撞-SeqGAN模型原理和代码解析
- 玩转数据地图系列之——地图上的迷你条形图
- 树上倍增求LCA及例题
- 深度强化学习-DDPG算法原理和实现
- 你绝对想不到,数据地图还能这么玩~
- TensorFlow从0到1 - 17 - Step By Step上手TensorBoard
- 深度强化学习-Actor-Critic算法原理和实现
- 深度强化学习-Policy Gradient基本实现
- TensorFlow从0到1 - 7 - TensorFlow线性回归的参数溢出之坑
- 买卖股票算法题的后续!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【JMeter-1】JMeter安装与接口测试入门
- 【JMeter-2】JMeter接口测试之断言实现
- 【UI自动化-1】UI自动化环境搭建与简单示例
- 【UI自动化-2】UI自动化元素定位专题
- 【UI自动化-3】UI自动化元素操作专题
- maven的安装与使用
- 【Java多线程-1】线程概述与线程创建和使用
- 【Java多线程-2】Java线程池详解
- 【Java多线程-3】Future与FutureTask
- 【Java多线程-4】CompletionService详解
- 【Java多线程-5】 CompletableFuture详解
- 【Java多线程-6】synchronized同步锁
- 【Java多线程-7】阅尽Java千般锁
- 【SpringBoot注解-2】AOP相关注解详解
- 【SpringBoot注解-3】Bean注入相关注解