javascript - 帮忙理解下这段JS闭包相关程序
ringa_lee
ringa_lee 2017-04-10 18:01:29
[JavaScript讨论组]



    
    

调用测试

在网上偶然浏览到的,有点混乱,为什么通过callWithClosure()调用那段中的this指向是testObj对象?还有callWithClosure()里新建的回调函数的闭包不是function testCall(){...}吗,"通过Closure保持上下文回调"是什么意思?

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
PHPz

事先声明我也是学生,说的内容可能有误,欢迎拍砖讨论。


  1. 上下文 === 执行上下文 === 执行环境 === (Execution Context),阅读英文文档发现只是翻译的问题,我觉得翻译成执行环境好理解多了。

  2. js闭包网上的解释很多,我觉得很多是错的,我只引用尼古拉斯红宝书上的原文(闭包:指有权访问另一个函数作用域中的变量的函数。)

  3. 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之后就没跑了。


第一次这么认真地回答问题,写了一个多小时,给个赞吧~(>﹏<)

PHP中文网

闭包是指测试对象里的回调函数,所以导致this指向测试对象

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号