JavaScript 对象的反射及应用

    作者:Flyingis

    Java和.NET都有着比较完善的反射机制,用来处理未知的对象并获取它们的属性和方法。JavaScript虽然没有完善的反射体系,但在编程的时候还是可以通过代码设计来实现类似反射的基本功能。

    检测一个JavaScript对象是否支持某种特定的属性或方法:

ExpandedBlockStart.gif ContractedBlock.gif if  ( typeof (obj.property)  !=   " undefined " dot.gif {}

    这样声明比直接使用"if (obj.property)"来描述要更准确,因为当obj.property的值为false、0、null的时候,虽然该属性存在,但返回的结果却恰恰相反。

    如果要求检测更详细一些,查看该属性的具体类型,可以用instanceof操作符:

ExpandedBlockStart.gif ContractedBlock.gif if  (obj  instanceof  PredefinedObj)  dot.gif {}

    但是,当对obj对象进行条件检测的时候,如果多种条件的对象类型存在继承关系,则需要注意代码的书写顺序,例如:

ExpandedBlockStart.gif ContractedBlock.gif function () ExamineType(obj)  dot.gif {
ExpandedSubBlockStart.gifContractedSubBlock.gif  
if (obj instanceof Object) dot.gif{
InBlock.gif    alert(
"An Object");
ExpandedSubBlockStart.gifContractedSubBlock.gif  
else if (obj instanceof Array) dot.gif{
InBlock.gif    alert(
"An Array");
ExpandedSubBlockEnd.gif  }

ExpandedSubBlockEnd.gif  }

ExpandedBlockEnd.gif}

    上述代码执行的结果会认为原为Array类型的obj是一个Object,因为Array本身就是从Object继承而来,显然,将对Array的检测放在前面会得到更精确的结果。因此,使用instanceof来判断对象类型,需要注意当两个对象存在继承关系的时候,应该关注检测顺序的问题,进一步我们可以想到,JSON创建的对象不是Object就是Array,使用instanceof来检测JSON对象意义不大。

    利用JavaScript的反射,我们可以编写一个函数来检查对象是否有一个特定名称的函数,然后利用该函数进行计算,以此在JavaScript中实现接口的功能,为在Ajax中使用设计模式奠定基础。

None.gif // this.getWeight和this["getWeight"]意义相同
None.gif//
判断对象是否存在指定名称的函数
ExpandedBlockStart.gifContractedBlock.gif
Object.prototype.hasFunc  =   function (func)  dot.gif {
InBlock.gif  
return this && this[func] && this[func] instanceof Function;
ExpandedBlockEnd.gif}

None.gif
ExpandedBlockStart.gifContractedBlock.gif
function  hasWeight(obj)  dot.gif {
InBlock.gif  
return obj.hasFunc("getWeight");
ExpandedBlockEnd.gif}

None.gif
None.gif
// 判断参数是否为数值类型
ExpandedBlockStart.gifContractedBlock.gif
function  isNum(param)  dot.gif {
InBlock.gif  
return parseFloat(param) != NaN;
ExpandedBlockEnd.gif}

None.gif
None.gif
// 计算两个对象的重量
ExpandedBlockStart.gifContractedBlock.gif
function  calWeight(obj1, obj2)  dot.gif {
InBlock.gif  
var total = null;
ExpandedSubBlockStart.gifContractedSubBlock.gif  
if (hasWeight(obj1) && hasWeight(obj2)) dot.gif{
InBlock.gif    
var w1 = obj1.getWeight();
InBlock.gif    
var w2 = obj2.getWeight();
ExpandedSubBlockStart.gifContractedSubBlock.gif    
if (isNum(w1) && isNum(w2)) dot.gif{
InBlock.gif      total 
= parseFloat(w1) + parseFloat(w2);
ExpandedSubBlockEnd.gif    }

ExpandedSubBlockEnd.gif  }

InBlock.gif  
return total;
ExpandedBlockEnd.gif}

    calWeight先判断两个对象是否均存在getWeight()函数,然后检查getWeight()计算结果是否为数值类型,最后进行数值相加返回计算结果。需要注意的是,parseFloat(param)函数能够除去param中非数字部分,如果param=16pm,parseFloat(16pm)得到的结果是16。如果不使用parseFloat(param)函数对getWeight()计算结果进行检验,那么会带来安全性的问题,这种情况下可以将对象的getWeight()设计为返回字符串或其他类型,在调用它之前我们是不知道JavaScript函数的返回类型的,因为JavaScript函数没有预先定义的类型。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值