[JavaScript]匿名函数this指向、箭头函数箭头this指向、消息队列、对象赋值

傷城~ 2022-11-27 15:41 228阅读 0赞

**一、题目：输出什么**

var a = 10;
            (function () { 
                var a = { 
                    a: 0
                }
                var b = function () { 
                    setTimeout(() => { 
                        console.log(this.a); 
                    })
                }
                b();
                b.call(a); 
                a.a = 1; 
                a = { 
                    a: 2
                }; 
            })()

答案和解析在下方  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓  
↓

**二、答案：**  
![在这里插入图片描述][20200816012301999.png_pic_center]

**三、解析：**

var a = 10;
            (function () { 
                var a = { a: 0}
                var b = function () { 
    
                    setTimeout(() => { 
                        console.log(this.a); //第四步：打印地址1所指向的内存1中的a
                    })
    
                }
                b();/*第一步：匿名函数是一个没有指针的全局变量， 所以匿名函数中this指向window, 所以打印的是最外层的a=10;*/
                b.call(a); //第二步：把目前obj所指向的内存1的地址1传进去了
                a.a = 1; //第三步：地址1指向的内存1中的属性a赋值为1
                a = { a: 2 }; //第五步：在内存2中生成一个对象,将属性a赋值为2
                			//将指向内存2的地址2赋值给obj
    
            })()

[20200816012301999.png_pic_center]: /images/20221124/d3d234c129344a9ca41a27b1938f83bc.png

发表评论取消回复

表情：

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

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

相关阅读

相关箭头函数【第二章】this指向

https://www.bookstack.cn/read/es6-3rd/spilt.5.docs-function.md https://juejin.cn/post/

淡淡的烟草味﹌/ 2023年10月14日 09:36/ 0 赞/ 44 阅读

相关 ECMAScript6-ES6箭头函数：箭头函数语法、箭头函数里的this指向

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。一、通常函数的定义方法 var fn1 = function(a, b) {

谁践踏了优雅/ 2023年10月05日 19:05/ 0 赞/ 30 阅读

相关三、箭头函数this指向（2021/4/23）

箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。箭头函数中，this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭

系统管理员/ 2023年01月16日 03:29/ 0 赞/ 119 阅读

相关 javascript 箭头函数的this指向

使用箭头函数时的注意事项箭头函数有几个使用注意点。 1. 函数体内的 `this` 对象，就是函数被定义时所在的对象，而不是使用时所在的对象（无法使用`bind`,

左手的ㄟ右手/ 2022年12月18日 10:57/ 0 赞/ 276 阅读

相关 [JavaScript]匿名函数this指向、箭头函数箭头this指向、消息队列、对象赋值

一、题目：输出什么 var a = 10; (function () { var a = {

傷城~/ 2022年11月27日 15:41/ 0 赞/ 229 阅读

相关 bind(this)绑定this指向的对象、箭头函数和闭包

用bind(this），就是绑定this指向这个组件 componentDidMount: function () \{ this.time

系统管理员/ 2022年06月13日 04:40/ 0 赞/ 240 阅读

相关箭头函数中的this指向问题详解

箭头函数有几个使用注意点。（1）函数体内的`this`对象，就是定义时所在的对象，而不是使用时所在的对象。（2）不可以当作构造函数，也就是说，不可以使用`new`命令，

落日映苍穹つ/ 2022年05月24日 11:08/ 0 赞/ 252 阅读

相关 es6中箭头函数this指向问题

普通函数：根据调用我的人（谁调用我，我的this就指向谁）箭头函数：根据所在的环境（我在哪个环境中，this就指向谁）看下面的例子 document.onc

偏执的太偏执、/ 2022年04月10日 10:37/ 0 赞/ 258 阅读

相关 ES6中箭头函数的this指向

一直以来对于ES6中箭头函数有些疑虑，其中一项就是this的指向问题，所以不敢放手去使用。因为跟之前我所熟悉掌握的函数内部this的指向是有些地方不同的，但是在箭头函数中thi

Myth丶恋晨/ 2022年03月07日 08:52/ 0 赞/ 292 阅读

相关 ES6 箭头函数及this指向详解

箭头函数相当于匿名函数，箭头函数简化了函数的定义，比函数表达式更简洁，并且没有自己的[this][]，[arguments][]。。。基础语法 `(参数1, 参数2,

快来打我*/ 2021年12月05日 15:13/ 0 赞/ 347 阅读