JavaScript 的方法重载效果_javascript技巧-js教程-PHP中文网

JavaScript 的方法重载效果_javascript技巧

php中文网

发布： 2016-05-16 18:48:32

原创

1189人浏览过

在 JavaScript 的方法内，有个叫做 arguments 的变量数组，它是只读的，所有实际传入的参数变量都
放在了里面，通过它，我们可以对传入的参数进行类型检查，从而实现重载的效果。
判断一个变量的类型有两种方法。
1，用 typeof 语句：

降重鸟

要想效果好，就用降重鸟。AI改写智能降低AIGC率和重复率。

113

查看详情

复制代码代码如下:

 
function check(){ 
if(typeof arguments[0] == 'string') 
alert('你传入的参数是个字符串'); 
else if(typeof arguments[0] == 'number') 
alert('你传入的参数是个数字'); 
} 

2，用所有 JavaScript 变量都带有的一个属性 constructor,这个属性指向用来构造该变量的构造函数：

复制代码代码如下:

 
function check(){ 
if(arguments[0].constructor == String) 
alert('你传入的参数是个字符串'); 
else if(arguments[0].constructor == Number) 
alert('你传入的参数是个数字'); 
} 

对照表：
typeof constructor
---------------------------
string String
number Number
object Object
function Function
boolean Boolean
object Array
object User
通过这个对照表可以看出用 typeof 不能准确的判断出具体的类型，所以我们用 constructor 来进行判
断。
首先我们定义一个用来判断参数类型和个数的方法

复制代码代码如下:

 
function checkArgs(types,args){ 
// 检查参数个数 
if(types.length != args.length){ 
return false; 
} 
// 检查参数类型 
for(var i=0; iif(args[i].constructor != types[i]){ 
return false; 
} 
} 
return true; 
} 

我们定义一个方法对上面的方法进行应用

复制代码代码如下:

 
function show(){ 
// 处理参数是一个字符串的调用 
if(checkArgs([String],arguments)){ 
alert(arguments[0]); 
} 
// 处理参数是一个字符串和一个数字的调用 
else if(checkArgs([String,Number],arguments)){ 
var s = ''; 
for(var i=0; is+=arguments[0]; 
} 
alert(s); 
// 参数不符合要求时，给予提示 
}else{ 
alert('不支持的参数'); 
} 
} 

当我们定义的 JavaScript 方法对参数要求比较严格时，就可以用这样的方式来编写代码。

大家都在看：

JavaScript数组对象列数据一致性验证：高效检查空值与非空值统一性 JavaScript待办事项列表：动态改变列表项样式与正确处理事件 JavaScript数组非包含判断：使用!与includes()的最佳实践 JavaScript中动态访问嵌套对象属性的指南如何优雅地判断JavaScript数组不包含特定元素