现有某函数与对象如下: <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对本身的绑定。 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|