微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

php方法调用模式与函数调用模式简例

现有某函数与对象如下:
<div class="codetitle"><a style="CURSOR: pointer" data="43047" class="copybut" id="copybut43047" onclick="doCopy('code43047')"> 代码如下:

<div class="codebody" id="code43047">
var doubling=function(x){
return x*2;
};
var obj={
val:100,
};

函数调用模式时,this被绑定到全局对象。这种情况在对象的属性方法被初始化时也能够得到反应。现为ojb进行补充如下:
<div class="codetitle"><a style="CURSOR: pointer" data="34761" class="copybut" id="copybut34761" onclick="doCopy('code34761')"> 代码如下:
<div class="codebody" id="code34761">
var obj={val:100,
prop:function(){
var that=this;
document.write('name: '+that+'; type: '+typeof(that)+'
');
return doublling(that.val);
}(),
get_prop:function(){
var that=this;
document.write('name: '+that+'; type: '+typeof(that)+'
');
return doublling(that.val);
},
};

prop使用一个被执行的匿名函数,期望取得所在对象的val值被函数调用模式的doubling()运算的结果;而get_prop为方法调用模式。
脚本加载的时候,obj的属性prop初始化时,语句"name: [object Window]; type: object"输出,使用obj.get_prop()时,语句"name: [object Object]; type: object"输出。前者表明函数体的"this"为全局变量window,后者如所期待的为obj本身。
可以检查属性prop和方法get_prop()的返回值,前者对window对象进行乘法运算,返回NaN,后者等于200。
在obj字面量表达式之外,期望设置new_prop属性和new_get_prop()方法,结果将与前文一致,方法调用模式才会获得this对本身的绑定。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐