箭头函数 setTimeout this指向

最新推荐文章于 2024-05-29 15:14:06 发布
最新推荐文章于 2024-05-29 15:14:06 发布
阅读量6.3k 收藏 11
点赞数 2
分类专栏： 前端学习 javascript入门 this指向 箭头函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MingleHDU/article/details/85058573
版权

今天面试的时候被问到了箭头函数和普通函数中的程序输出问题，归来实践验证一下。本文核心的三大理论依据：

  1. 普通函数的this指向看调用，箭头函数的this指向看声明，指向声明时候的父级作用域；
  2. setTimeout会延迟函数的声明

example1：

分析：

根据第1条，可知，声明时就已经确定了this的指向为父级作用域，也就是window

所以输出undefined；

example2：

根据第1条，可知，调用的时候确定this的指向，为app1

example3

根据第1条，可知，setTimeout中的函数的父级是app1，所以是指向app1

example4

因为setTimeout中的this指向全局变量

example5

因为普通函数中，setTimeout中的this指向全局变量

因为setTimeout中重新声明了一个函数（而且是全局的），所以这个函数在调用的时候并不是作为app1的方法调用，而是作为一个函数调用，所以是window 

再举一例

example6

MingleHDU
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript高级-this绑定规则+箭头函数
10-21
在这个例子中，即使`setTimeout`是异步的，箭头函数内的`this`仍然指向`obj`，而不是全局对象。 总结来说，理解JavaScript中的`this`绑定规则对于编写复杂的JavaScript代码至关重要。正确地处理`this`可以帮助我们...
关于ES6箭头函数中的this问题
08-27
箭头函数中的this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为它没有this，所以也就不能用作构造函数。 在定义...
利用箭头函数解决vue使用setTimeout的this问题和使用小技巧
进步的记录
07-20 3019
注：箭头函数本身没有执行作用域，是继承其父的执行上下文，所以箭头函数的this指向绑定其父的作用域 1、在vue里面使用setTimeout发现this失效 原因是setTimeout的this指向的windows 解决：setTimeout的第一个参数的function用箭头函数来代替，原因文章开头已解释了箭头函数的作用 2、vue的方法想要同时传入事件对象和自定义参数 解决方法： 1、方法名（$event，定义参数）$event为自定义参数 2、使用箭头函数(val)=>{方
关于setTimeout函数中的this指向问题
Harley567
08-05 1541
setTimeout中的this
JS【详解】setTimeout 延时（含清除 setTimeout，计时开始时间，0 秒延时解析，多 setTimeout 执行顺序，setTimeout 应用场景，网红面试题）
最新发布
朝阳39的博客
05-29 2099
setTimeout 是一个 js 内置的函数，用于延时执行代码。
js中箭头函数和this
mengsandy的专栏
09-10 2893
1、箭头函数理解 箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是普通函数，执
setTimeout怎么用【详细讲解】
z2000ky的博客
08-14 1443
不保证在指定的毫秒数之后立即执行，它只是将函数放入异步任务队列中，并在队列中的等待时间过后执行。如果队列中有其他任务需要执行，那么可能会稍微延迟执行。是 JavaScript 提供的一个函数，用于在指定的时间延迟后执行一段代码（函数）。将会在 2000 毫秒（2秒）后被打印出来。
闭包/this/箭头函数/setTimeout 总结
ljs_coding
08-06 585
1 前言 这四点是在面试中经常会被问到的，这两天终于查了书也看了几篇博客，在此做整理。 这也提醒我们看书过后不代表掌握，任何学习过程都要经历懂-会-对-悟四个阶段，准备面试过程其实也是对知识点的梳理过程。 以下内容，欢迎指正。 2 闭包 参考 红宝书与 https://juejin.im/entry/57d60f7067f3560057e37e25 闭包是指有权访问另一个函数作用域中的变量的函数。...
js代码-setTimeout this指向问题
07-16
因此，如果箭头函数用作 `setTimeout` 的回调，`this` 将保持在定义时的值，避免了指向问题。 ```javascript class MyClass { constructor() { this.value = 42; setTimeout(() => { console.log(this.value); ...
setTimeout里的this具体指向？
aoteman2135的博客
01-31 589
现代浏览器的设计是以用户体验为首要原则的，因此，一些浏览器可能会忽视 autocomplete="off"的设置，以保持用户输入信息的便利性，特别是对于用户名和密码的输入框。这对于用户来说是一个便捷的功能，但对开发者来说可能会带来一些不便。2.使用一个比较常见但有些hack的方法，即在你的真正输入框前，添加一个隐藏的假输入框。浏览器通常会自动填充第一个找到的输入框，因此它会将自动填充应用于隐藏的假输入框。例如，你可以监听页面加载完成的事件，然后用JavaScript清空输入框。
ts学习笔记：箭头函数
小吴同学的博客
09-26 2533
//箭头函数 //es5 setTimeout(function(){ console.log(‘time’, 1); },1000); //箭头函数里面的this指向上下文 //ts 箭头：=> setTimeout(()=>{ console.log(‘箭头函数’, ‘这就是箭头函数，省略了函数名，多加了箭头’)； },1000); ...
箭头函数和普通函数的区别
weixin_42317878的博客
05-19 262
一，箭头函数基本用法： 箭头函数 伪代码 类似 函数表达式， 大多数用于 声明一些回调函数，简单 明了 const fn = (name)=>{ // do some other things return `hello ${name}` } 伪代码 等同于 const fn = function(name){ // do some other things return `hello ${name}` } 关于箭头函数的参数， 1....
刷新小程序数据源，setTimeout使用箭头函数
baijian10的博客
03-17 1488
想要定时刷新小程序数据源 必须用this.setData({ datas: this.data.datas })来更新数据源，push和onshift只能把数据添加到数组中，不能更新页面，必须要用this.setData({ })方法来刷新页面数据 // 生命周期函数--监听页面初次渲染完成 onReady:function(){ console.log(this); let ...
ES6 箭头函数的this使用
NRapid&JRapid
04-23 428
结论：箭头函数没有this，这里this引用的是最近作用域（aaa函数里的this）的this。​ 上述中第一个是window对象的this，第二个箭头函数的this是obj的。console.log(this)//这里this找的是window的this。什么时候使用箭头函数。
关于setInterval和setTImeout中的this指向问题
hmily43的博客
02-21 701
问题描述 前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例： var num = 0; function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){ setTimeo
JavaScript 中 闭包 的详解
weixin_30379531的博客
03-22 103
闭包是什么 在 JavaScript 中，闭包是一个让人很难弄懂的概念。ECMAScript 中给闭包的定义是：闭包，指的是词法表示包括不被计算的变量的函数，也就是说，函数可以使用函数之外定义的变量。 是不是看完这个定义感觉更加懵逼了？别急，我们来分析一下。 原文作者：林鑫，作者博客：https://github.com/lin-xin/blog 闭包是一个函数 闭包可以使用在它外面定义的变量 ...
箭头函数与setTimeout（）
done1898的博客
10-19 1162
1.JavaScript高级程序设计》第二版中，写到：“超时调用的代码都是在全局作用域中执行的，因此函数中this的值在非严格模式下指向window对象，在严格模式下是undefined”。 2.我们说，setTimeout中有两个this。第一，调用环境下的this，称之为第一个this；第二，把延迟执行函数中的this称之为第二个this；第一个this的指向是需要根据上下文来确定...
setTimeout中this指向问题
LI-Jiacong的博客
11-21 728
setTimeout中所执行函数中的this，永远指向window！！
从settTimeout到匿名函数、箭头函数之() =＞ {}
hongdunyang的博客
12-14 1517
1、使用到了setTimeout函数，困惑：为什么使用() => {}。 setTimeout(() => { if (XXX) { this.save(); } this.index = null;}, 10); 2、查看setTimeout()的定义： declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[])
js中箭头函数this的指向
08-01
简单来说，箭头函数的 this 指向定义时所在的父级作用域的 this，而不是调用时所在的对象。 这与普通函数的 this 绑定机制有所不同。普通函数的 this 值是在调用时动态绑定的，取决于调用时的上下文。而箭头函数的 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值