javascript - 帮忙理解下这段JS闭包相关程序
问题描述
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
var context = "全局";
var testObj = {
context: "初始",
callback: function (str) {
//回调函数
alert("callback:我所处的上下文中，context=" + this.context + "，我被回调的方式：" + str);
}
};
//创建一个对象，作为测试回调函数的上下文
testObj.context = "已设置";
function testCall() {
callMethod(testObj.callback);
callWithClosure(function (param) {
testObj.callback(param);
});
callObjMethod(testObj, testObj.callback);
}
function callMethod(method) {
method("通过默认上下文回调");
}
function callWithClosure(method) {
method("通过Closure保持上下文回调");
}
function callObjMethod(obj, method) {
method.call(obj, "指定显式对象上下文回调");
}
</script>
</head>
<body><a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="testCall()">调用测试</a></body>
在网上偶然浏览到的，有点混乱，为什么通过callWithClosure()调用那段中的this指向是testObj对象？还有callWithClosure()里新建的回调函数的闭包不是function testCall(){...}吗，"通过Closure保持上下文回调"是什么意思？
事先声明我也是学生，说的内容可能有误，欢迎拍砖讨论。
上下文 === 执行上下文 === 执行环境 === （Execution Context），阅读英文文档发现只是翻译的问题，我觉得翻译成执行环境好理解多了。
js闭包网上的解释很多，我觉得很多是错的，我只引用尼古拉斯红宝书上的原文（闭包：指有权访问另一个函数作用域中的变量的函数。）
this对象是超级延时绑定，也就是函数加上小括号调用运行的时候它才会绑定执行环境，除非通过call、apply、bind给它指定。（原文：在全局函数 中，this等于window；当函数作为某个对象的方法调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性）。所以遇到闭包嵌套的时候最里层的this一般都是指向window。
我的理解，第一个callMethod(testObj.callback)相当于window.callMethod(testObj.callback)，将testObj内的callback函数作为参数传入callMethod，testObj.callback只是一个指向callback函数的引用，指针，并不在乎testObj.callback还是xxx.callback，真正的执行环境还是window。
第二个与第一个不同之处在于...（还没想好怎么说= =）
调用的时候相当于：
callWithClosure(function ("通过Closure保持上下文回调") {
testObj.callback("通过Closure保持上下文回调");
});
可见此时callback是作为testObj的方法调用的，所以this指向testObj对象。
第三个比较好理解，call()或apply()绑定this之后就没跑了。
第一次这么认真地回答问题,写了一个多小时，给个赞吧～(>﹏<)
这篇关于javascript - 帮忙理解下这段JS闭包相关程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
