欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

一道小面试题

程序员文章站 2022-05-12 15:18:58
...
var obj1 = {name : "blue",fn : function(){alert(this.name);}};
var newFunction = obj1.fn;
newFunction();

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

回复内容:

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

为啥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是当前{}吧

玩一下这个就清楚了


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();
    
    

function 有自己的 name

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

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

相关标签: php