javascript function中，this的问题
以下代码在点击“上”按钮触发时，topFunc()分别弹出数组内容和“undefined”，请问是为什么？绑定事件时函数的所有者被换掉了不再是window了吗？一直听大家说this指向当前对象的所有者，函数是声明时确定所有者还是执行时确定所有者？
<!DOCTYPE html>
<html>
<head>
<title>2048 Hello Word</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var base = [[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]];
//添加事件函数
function addEvent(id,func){
var obj = document.getElementById(id);
if(obj.addEventListener){
obj.addEventListener('click',func);
}else{
obj.attachEvent('onclick',func);
}
}
function topFunc(){
alert(window.base);
alert(this.base);
}
$(function(){
addEvent('top',topFunc);
})
</script>
</head>
<body>
<div>
<button id='top'>上</button>
</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
this指向的是当前的作用域，不是指向当前的所有者。所有者和作用域是不同的概念。在浏览器的javascript环境中，只有两个作用域，window和function。分析你的代码
是在
window的作用域下声明的，所以直接被绑定到了window对象上去。单论
topFunc这个方法里面，this是指向当前的topFunc的，不是指向window的，所以this.base获得不了外围绑定在window对象上的base[修正]
这里使用了addEventListener，那么情况又有所变化，它的回调应该被指向
#top的dom，其回调类似于：topFunc.call(dom, e)，此时在topFunc的作用域已经改变指向了#top的dom，可以用this.id看到输出是top来证明[补充]
在一个对象中写一个函数，函数中使用this，可以找到对象的一个属性，这个该怎么解释？
说到一个概念叫做作用域，简单来讲js内部一个对象都有一个内部的属性[[scope]]，当我声明
var A = {}; var B = A;的时后，A和B的作用域链已经被串起来了。推荐几篇文章
最后一篇是ecmascript的官方文档，有指导意义
作用域的定义，这个问题有点大，各种语言都用不同定义。我理解为命名空间和局部变量的定义作用区间。这个倒是可以看看wiki怎么说，能力有限，这个问题回答不完整
这里的
this指向id='top'的DOM对象.不确定
this指向什么可以console.log(this)打印一下看看, 根据结果再想想为什么!我觉得楼主可能把属性和变量混淆了，变量是在所在的作用域里找不到就会在外层的作用域里去找，依次类推，直到全局作用域，而属性并不会到外层作用域里去找，就像楼主所给的代码，this.base ，base是一个属性，而不是一个变量，所以，this所指代的func没有base这个属性，所以是 undefined.而window.base就和作用域没一毛钱关系，它就是指向的全局对象window的base变量(全局对象里定义的变量都是全局对象的属性)。
看来多回答问题还是挺有用的，我想起我刚开始研究原生JS时把这些混淆了的原因了，我之前就是概念没搞清楚，不知道楼主是不是也是一样的情况。