js 回调函数中 this对象的执行环境(上下文)

迈不过友情╰ 2021-06-24 14:00 290阅读 0赞

<html> 
    <head> 
    <script type="text/javascript"></script> 
    </head> 
    <body> <a href="javascript:void(0)" οnclick="testCall()">调用测试</a> 
    
    <a href="javascript:void(0)" οnclick="testCall1()">调用测试1</a></body> 
    </html>

执行上面的代码，点击第一个链接，结果是：callback:我所处的上下文中，context=全局，我被回调的方式：通过默认上下文回调、callback:我所处的上下文中，context=已设置，我被回调的方式：指定显式对象上下文回调

点击第二个链接，结果是callback:我所处的上下文中，context=已设置，我被回调的方式：直接执行

结论：

1、在回调函数中的this，其上下文环境是调用者所在的执行环境；本例中，点击第一个链接时，执行的环境是**callMethod**>testCall>window

2、本例中，作为对象testObj中的方法调用，this值得是testObj对象本身。(例如 点击第二个链接的记过)

发表评论取消回复

表情：

评论列表（有 0 条评论，290人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的回调函数

一个函数被作为参数传递给另一个函数（在这里我们把另一个函数叫做otherFucntion），回调函数在otherFunction中被调用回调函数原理：

- 日理万妓/ 2023年02月23日 08:27/ 0 赞/ 25 阅读

相关 js中的执行上下文

1.代码分为全局代码和函数（局部）代码。 2.全局执行上下文在执行全局代码前将window确定为全局执行上下文。对全局数据进行预处理 var定义的全局变量=

左手的ㄟ右手/ 2022年12月04日 01:14/ 0 赞/ 104 阅读

相关 js中的回调函数

1：回调函数：定义了，但没有调，但最终执行了 2： dom事件回调函数定时器回调函数 ajax请求回调函数生命周期回调函数 documen

Bertha 。/ 2022年12月03日 15:49/ 0 赞/ 146 阅读

相关 JS关于函数上下文this的理解

当调用函数时，除了传入在函数定义中显式声明的参数之外，同时还传入两隐式参数∶ arguments 与 this。 arguments 参数是传入函数的所有参数的集合

绝地灬酷狼/ 2022年10月27日 06:22/ 0 赞/ 110 阅读

相关 javascript中this执行上下文的改变

this关键字引用的是包含它的函数作为某个对象的方法被调用时的那个对象。哈哈，。。先看案例：先编写一个库： (function()\

分手后的思念是犯贱/ 2022年08月23日 03:48/ 0 赞/ 104 阅读

相关 js函数的回调

平常的前端开发工作中，编写js时会有很多地方用到函数的回调。最简单的例子就是： <script language="javascript" type="text/

你的名字/ 2022年07月13日 03:19/ 0 赞/ 168 阅读

相关理解 JS 回调函数中的 this

[理解 JS 回调函数中的 this][JS _ this] 任何变量或对象都有其赖以生存的上下文。如果简单地将对象理解为一段代码，那么对象处在不同的上下文，这段代码也会

我不是女神ヾ/ 2022年06月08日 13:06/ 0 赞/ 227 阅读

相关 JS回调函数

参考文章： [https://www.cnblogs.com/gaosheng-221/p/6045132.html][https_www.cnblogs.com_gaos

╰半橙微兮°/ 2022年03月16日 06:18/ 0 赞/ 186 阅读

相关 js中回调函数写法

第一种方式 function studyEnglish(who)\{ document.write(who+"学习英语</br>"); \} functio

﹏ヽ暗。殇╰゛Y/ 2022年01月09日 12:15/ 0 赞/ 221 阅读

相关 js 回调函数中 this对象的执行环境(上下文)

<html> <head> <script type="text/javascript"><!-- var context="全局

迈不过友情╰/ 2021年06月24日 14:00/ 0 赞/ 291 阅读