js回调函数作用域

最新推荐文章于 2022-11-06 08:15:52 发布
最新推荐文章于 2022-11-06 08:15:52 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zrzlliuxiao/article/details/8226175
版权

1,在callObjMethod方法中，我用了两种方式回调“method"方法：
第一种方式：method("通过默认上下文回调");
没有指定上下文，我们发现回调函数内部访问context的值是全局变量的值，
这说明，执行该方法的默认上下文是全局上下文。
第二种方式：method.call(obj,"指定显式对象上下文回调");
指定obj为method执行的上下文，就能够访问到对象内部的context

[xhtml] view plain copy
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2. "http://www.w3.org/TR/html4/loose.dtd"> 
  3. <html> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  6. <mce:script type="text/javascript"><!-- 
  7. var context="全局"; 
  8. var testObj={  
  9.     context:"初始",  
  10.     callback:function (str){  
  11.       //回调函数  
  12.       alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);  
  13.     }  
  14. };  
  15. //创建一个对象，作为测试回调函数的上下文  
  16. testObj.context="已设置";  
  17. function testCall(){  
  18.     callMethod(testObj.callback);  
  19.     callObjMethod(testObj,testObj.callback);  
  20. }  
  21. function callMethod(method){  
  22.     method("通过默认上下文回调");  
  23. }  
  24. function callObjMethod(obj,method){  
  25.     method.call(obj,"指定显式对象上下文回调");  
  26. } 
  27. // --></mce:script>  
  28. </head>  
  29. <body> <a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="testCall()">调用测试</a> </body>  
  30. </html> 

2,在javascript中，在function内部创建一个function的时候，会自动创建一个closure，

而这个closure就能记住对应的function创建时的上下文

[xhtml] view plain copy
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2. "http://www.w3.org/TR/html4/loose.dtd"> 
  3. <html> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  6. <mce:script type="text/javascript"><!-- 
  7. var context="全局"; 
  8. var testObj={  
  9.     context:"初始",  
  10.     callback:function (str){  
  11.     //回调函数  
  12.     alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);  
  13.     }  
  14. }; 
  15. //创建一个对象，作为测试回调函数的上下文  
  16. testObj.context="已设置"; 
  17. function testCall(){  
  18.     callMethod(testObj.callback);  
  19.     callWithClosure(function(param){testObj.callback(param);});  
  20.     callObjMethod(testObj,testObj.callback);  
  21. }  
  22. function callMethod(method){ method("通过默认上下文回调"); }  
  23. function callWithClosure(method){ method("通过Closure保持上下文回调"); }  
  24. function callObjMethod(obj,method){ method.call(obj,"指定显式对象上下文回调"); } 
  25. // --></mce:script>  
  26. </head>  
  27. <body> <a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="testCall()">调用测试</a> </body>  
  28. </html> 

3,在javascript中，this也可以代表当前对象，但不能直接用在匿名function中用，比如：

JScript code var testObj={ context:"初始", callback:function (str){//回调函数 alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str); }, caller:function(){ callWithClosure(function(param){this.callback(param);}); } };//创建一个对象，作为测试回调函数的上下文
以上代码中的this指的不是testObj，而是全局上下文， 需要在closure外写一个临时变量来代表this,完整的代码如下：

[xhtml] view plain copy
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2. "http://www.w3.org/TR/html4/loose.dtd"> 
  3. <html> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  6. <mce:script type="text/javascript"><!-- 
  7. var context="全局"; 
  8. var testObj={  
  9.     context:"初始",  
  10.     callback:function (str){  
  11.         //回调函数  
  12.         alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);  
  13.     },  
  14.     caller:function(){  
  15.         callWithClosure(function(param){this.callback(param);});  
  16.         var temp=this;  
  17.         callWithClosure(function(param){temp.callback(param);});  
  18.     }  
  19. };  
  20. //创建一个对象，作为测试回调函数的上下文  
  21. testObj.context="已设置";  
  22. function testCall(){  
  23. //callMethod(testObj.callback);  
  24. testObj.caller();  
  25. //callWithClosure(function(param){testObj.callback(param);});  
  26. //callObjMethod(testObj,testObj.callback);  
  27. }  
  28. function callObjMethod(obj,method){method.call(obj,"指定显式对象上下文回调"); }  
  29. function callMethod(method){ method("通过默认上下文回调"); }  
  30. function callWithClosure(method){ method("通过Closure保持上下文回调"); }  
  31. function callback(str){ alert("callback:我是定义在外部的全局函数。"); } 
  32. // --></mce:script>  
  33. </head>  
  34. <body> <a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="testCall()">调用测试</a> </body>  
  35. </html>
小昨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于javascript 回调函数中变量作用域的讨论
10-29
关于回调函数中变量作用域的讨论精品推荐，大家可以参考下。
JS中回调函数、作用域及闭包详解！！
weixin_47087729的博客
06-03 902
一、回调函数 1．什么是回调 回调（callback）:把一个函数作为一个参数传到一个主函数里面，当主函数执行完之后，再执行传进去的那个函数，这个过程就叫回调；作为参数的那个函数就叫回调函数 <script> var fn = function() { console.log("我是回调函数"); } function main(callback) { console.log("我是主函数");
JavaScript连载16-回调函数、作用域链条、预解析
weixin_44630050的博客
06-12 194
一、回调函数 1.含义：如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针用来调用所指向的函数时，我们就说这是回调函数。 2.函数也是有类型的，下面举个回调函数以及函数的类型演示。 function fn() { } console.log(typeof fn); console.log(Function.constructor); //回调函数 function add(num1,num2){ return num1+num2; } function sub(num1,num2)
Javascript 函数进阶 ——【回调函数、递归函数、闭包函数、作用域和域解析】
impact_factor的博客
07-24 722
Javascript 作用域和域解析一、作用域全局作用域 一、作用域 全局作用域 JavaScript作用域 ： 就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突 js的作用域（es6）之前 ： 全局作用域 局部作用域 全局作用域： 整个script标签 或者是一个单独的js文件 var num = 10; var num = 30; console.log(num); 局部作用域 局部作用域（函数作用域） 在函数内部就是局部作用域 这个代码
Javascript（二）——函数（重载、回调）与作用域（附图解）
Erya Programming learning
05-13 524
一、函数 函数分为系统函数和自定义函数。 函数是一个功能体，需要提供若干个数据，返回处理的结果；用于封装重复执行的代码。 调用函数： 函数名称() //执行函数体重封装的代码 1.1创建函数 1.1.1 声明函数 function （1）创建无参数的函数 function 函数名() { 函数体 } （2）创建带有参数的函数 形参：创建函数时的参数 实参：调用函数时的参数，实参赋给形参 实参个数可以和形参数量不匹配，若形参未被赋值为undefined function 函数名(参数列表) { 函数
javascript回调函数有什么用
周红伟讲AI
07-21 1671
回调函数
JavaScript闭包和回调详解
12-11
 闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。使用闭包有一个优点，也是它的缺点，就是可以把局部变量驻留在...
jQuery AJAX回调函数this指向问题
12-13
如在全局作用域调用一个含this的对象，此时当前对象的this指向的是window。为了让this的指向符合自己的意愿，JavaScript提供了两个方法用以改变this的指向，它们是call和apply，当然也有利用闭包来实现的方法。本文...
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
10-15
主要介绍了JavaScript 函数用法,结合实例形式分析了JavaScript函数定义、参数、绑定、作用域、闭包、回调函数、柯理化函数等相关概念、原理与操作注意事项,需要的朋友可以参考下
js中的回调函数的理解和使用方法
weixin_46879188的博客
10-28 7746
一. 回调函数的作用 js代码会至上而下一条线执行下去，但是有时候我们需要等到一个操作结束之后再进行下一个操作，这时候就需要用到回调函数。 二. 回调函数的解释 因为函数实际上是一种对象，它可以存储在变量中，通过参数传递给另一个函数，在函数内部创建，从函数中返回结果值”，因为函数是内置对象，我们可以将它作为参数传递给另一个函数，到函数中执行，甚至执行后将它返回，它一直被“专业的程序员”看作是一种难懂的技术。 回调函数的英文解释为： A callback is a function that is passe
理解javascript中的回调函数(callback)
10-25
主要介绍了理解javascript中的回调函数(callback),本文着重于对回调函数概念的理解,需要的朋友可以参考下
回调函数的作用详解
weixin_42571338的博客
11-06 4163
回调函数的作用详解
回调函数作用域问题
qq_62157230的博客
04-21 320
JS小白学习小记
javascript中的回调函数中变量作用域
yutel的专栏
09-26 3987
<br />1,在callObjMethod方法中，我用了两种方式回调“method"方法： <br />第一种方式：method("通过默认上下文回调"); <br />没有指定上下文，我们发现回调函数内部访问context的值是全局变量的值， <br />这说明，执行该方法的默认上下文是全局上下文。 <br />第二种方式：method.call(obj,"指定显式对象上下文回调"); <br />指定obj为method执行的上下文，就能够访问到对象内部的context<br /><!DOCTYPE
【JavaScript】理解与使用Javascript中的回调函数
weixin_33752045的博客
08-18 492
在Javascript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创建，能从函数中返回。 因为函数是第一类对象，我们可以在Javascript使用回调函数。在下面的文章中，我们将学到关于回调函数的方方面面。回调函数可能是在Javascript中使用最多的函数式编程技巧，虽然在字面上看起来它...
在js中的回调函数的理解
浮生离梦的博客
05-11 638
一、 回调函数 回调函数：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数。 回调函数的实现：作为另一个函数的参数，在另一个函数中作为返回结果，在另一个函数中调用它。当我们作为参数传递一个回调函数给另一个函数时，我们只传递了这个函数的定义，并没有在参数中执行它。当包含(调用)函数拥有了在参数中定义...
js回调函数的用途与写法
weixin_44649210的博客
10-20 2750
用途 一般情况下回调函数都用在页面与服务器的异步交互，以解决页面在提交请求后无法获得到服务器反馈的数据， 为什么会出现面在提交请求后无法获得到服务器反馈的数据呢？首先来了解js的事件执行方式，如图 js在执行程序时，所有代码都在执行栈中，此时都是同步在执行，但在运行代码时如果遇见事件绑定、计时器会将抛到异步任务队列里面等待js引擎执行，然后继续执行在执行栈中的代码，于此同时，被抛到异步执行队列里面的计时器会执行等待的时间，如果等待时间结束，则会将此事件抛到执行队列里面。执行栈里面的代码执行完成后，程序会去
javascript 回调函数
最新发布
09-06
JavaScript回调函数是一种在函数执行完毕后，将另一个函数作为参数传递并在特定时间点执行的函数。通过回调函数，我们可以在某个操作完成后执行一些额外的逻辑或处理结果。 回调函数的使用场合包括异步操作，例如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值