JavaScript对象中的函数（方法）不能直接访问本对象属性的问题及解决

在今天做的一个用DOM进行增删改查的练习中，发现了这样一个问题：

var allA = document.getElementsByTagName("a");
//为每个超链接都绑定一个单击响应函数
 for(var i=0 ;i<allA.length;i++){
    alert(allA[i]);
 allA[i].onclick=function(){
    alert(allA[i]);
}
}

上述代码只是JS代码中一小部分，我先获取了HTML中的所有（a）超链接节点，并封装在allA这个类数组对象中，然后遍历allA的每个元素，并使用for循环为它们创建一个点击响应函数

但是我发现第一个alert(allA[i])可以在页面中显示出每个超链接内容，但是第二个alert(allA[i])不行，弹出的是undefined。

在上网查找资料后，发现是因为for循环在页面加载之后立即执行，而响应函数会在超链接被点击时才执行，当响应函数执行时，for循环早已执行完毕，此时 i = 3 。这个时候使用this就可以完美解决这个问题：

var allA = document.getElementsByTagName("a");
//为每个超链接都绑定一个单击响应函数
 for(var i=0 ;i<allA.length;i++){
    alert(allA[i]);
 allA[i].onclick=function(){
    alert(this);
}
}

因为this能够为函数指向一个对象，在调用对象函数（方法）时，this指向的就是对象本身。

一下子就豁然开朗了，this的妙处今天终于体会到了！！！

最后

以上就是激动悟空为你收集整理的JavaScript对象中的函数（方法）不能直接访问本对象属性的问题及解决的全部内容，希望文章能够帮你解决JavaScript对象中的函数（方法）不能直接访问本对象属性的问题及解决所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。