繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 的方法重载效果
- Javascript
- JS option location 页面跳转实现代码
- ExtJS 简介 让你知道extjs是什么
- ExtJs 学习笔记 Hello World!
- ExtJs 学习笔记基础篇 Ext组件的使用
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
- 漂亮的脚本日历,和大家分享
- JS Tween 颜色渐变
- js 图片轮播(5张图片)
- 开发跨浏览器javascript常见注意事项
- 通用JS事件写法实现代码
- Js 订制自己的AlertBox(信息提示框)
- js 浮动层菜单收藏
- JavaScript入门教程(10) 认识其他对象
- JQuery 常用方法基础教程
- jQuery 页面载入进度条实现代码
- jQuery Ajax 全解析
- CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）
- Ext JS Grid在IE6 下宽度的问题解决方法
- js window.event对象详尽解析
- JavaScript 悬浮窗口实现代码
Javascript 中的 JavaScript 的方法重载效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 441 ::
收藏到网摘: n/a
JavaScript 语言的方法声明中，不能明确指定参数的类型和个数，所以不能实现方法的重载，但是我们可以用其他的方法来实现重载的效果。 在 JavaScript 的方法内，有个叫做 arguments 的变量数组，它是只读的，所有实际传入的参数变量都
放在了里面，通过它，我们可以对传入的参数进行类型检查，从而实现重载的效果。
判断一个变量的类型有两种方法。
1，用 typeof 语句：
复制代码 代码如下:
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; i<args.length; i++){
if(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; i<arguments[1]; i++){
s+=arguments[0];
}
alert(s);
// 参数不符合要求时，给予提示
}else{
alert('不支持的参数');
}
}
当我们定义的 JavaScript 方法对参数要求比较严格时，就可以用这样的方式来编写代码。
评论 (0) All
