首頁  >  文章  >  後端開發  >  一道小面试题

一道小面试题

WBOY
WBOY原創
2016-06-06 20:11:20936瀏覽

<code>var obj1 = {name : "blue",fn : function(){alert(this.name);}};
var newFunction = obj1.fn;
newFunction();</code>

为啥alert的是空,确不是undefined ?

回复内容:

<code>var obj1 = {name : "blue",fn : function(){alert(this.name);}};
var newFunction = obj1.fn;
newFunction();</code>

为啥alert的是空,确不是undefined ?

(1)this跟调用者有关,而不是和定义的位置有关,var newFunction = obj1.fn;这句话创建了fn的一个引用叫newFunction,而不是obj.fn,这里原来fn就脱离了obj1,所以调用的作用域是window,这样就读不到obj1.name了
(2)name在window中有定义,如果在跨域中经常会修改这个属性,所以window.name存在而且为空,不是undefined

建议阅读you don't know js这一系列书,特别讲解了this作用域的四个判据,其中有例子就提到了什么写法会导致类中的函数脱离原有作用域

js 的this是当前{}吧

玩一下这个就清楚了

<code>
var obj1 = {name: 'blue', fn : function(){alert(this.name);}};
 
obj1.fn();
    
var newFunction = obj1.fn;
newFunction();
    
//----------------------------------------------------
    
var obj2 = {here_do_not_use_name_as_var_name: 'blue',fn : function(){alert(this.here_do_not_use_name_as_var_name);}};
 
obj2.fn();
    
var newFunction2 = obj2.fn;
newFunction2();
    
    </code>

function 有自己的 name

see also: http://www.w3schools.com/js/js_reserved.asp

去看下SICP第三章的环境模型你就全懂了

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn