箭头函数与setTimeout（）

最新推荐文章于 2024-07-17 15:02:16 发布
最新推荐文章于 2024-07-17 15:02:16 发布
阅读量1.1k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/tutao1995/p/9816983.html
版权

1.JavaScript高级程序设计》第二版中，写到：“超时调用的代码都是在全局作用域中执行的，因此函数中this的值在非严格模式下指向window对象，在严格模式下是undefined”。

2.我们说，setTimeout中有两个this。第一，调用环境下的this，称之为第一个this；第二，把延迟执行函数中的this称之为第二个this；第一个this的指向是需要根据上下文来确定的，默认为window；第二个this就是指向window。

3.setTimeout中的匿名函数，没有其它对象调用它。所以它的默认调用对象就是Window.

转载于:https://www.cnblogs.com/tutao1995/p/9816983.html

done1898
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
setTimeout踩坑(有关JS普通函数和箭头函数)
qq_43517388的博客
04-27 1358
关于减后汉书
前端面试系列-JavaScript-箭头函数(与普通函数的区别)
LYFlied的博客
03-25 4982
文章目录一、箭头函数二、与普通函数的区别1.箭头函数不会创建自己的this2.箭头函数继承而来的this指向永远不变（重要）3.call()、apply()、bind()无法改变箭头函数中this的指向4.箭头函数不绑定arguments,取而代之用rest参数…解决5.不能使用new操作符(作为构造函数使用)6.不能使用原型属性7.不能简单返回对象字面量8.箭头函数不能换行 一、箭头函数 // 箭头函数 let fun = (name) => { // 函数体 return `Hel
向setTimeout传递函数参数
05-26
NULL 博文链接：https://dolphin-ygj.iteye.com/blog/517238
浅谈箭头函数和setTimeout中的this
apan1126的博客
04-05 317
箭头函数会改变this的指向，这个大家看文档都看到过，可是有没有具体理解呢？我发现自己应该可能大概是......emmmm，然后我整理了一遍，加强一下概念吧顺带再讲一下setTimeout这个函数改写this的概念 首先分别讲一下两位主角 箭头函数：都2019年了，大家肯定不陌生了，用法很简单，可以自行百度，箭头函数有一个很大的特性是会改写内部的this指向，那么实际运用的过程中...
js中使用箭头函数以及setTimeout时this的指向问题
最新发布
weixin_46194350的博客
07-17 255
js中使用箭头函数以及setTimeout时this的指向问题，new一个函数以及直接调用函数this的区别
js中箭头函数和this
mengsandy的专栏
09-10 2912
1、箭头函数理解 箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是普通函数，执
es6中的箭头函数
Wzc0720的博客
11-03 179
因为所有的内层函数都是箭头函数，setTimeout 的参数是一个箭头函数，这个箭头函数的定义生效是在 foo 函数生成时，而它的真正执行要等到。箭头函数可以让 setTimeout 里面的 this，绑定定义时所在的作用域，而不是指向运行时所在的作用域。this 指向的固定化，并不是因为箭头函数内部有绑定 this 的机制，实际原因是箭头函数根本没有自己的。（1）函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。this 对象的指向是可变的，但是在箭头函数中，它是固定的。
从settTimeout到匿名函数、箭头函数之() =＞ {}
hongdunyang的博客
12-14 1582
1、使用到了setTimeout函数，困惑：为什么使用() => {}。 setTimeout(() => { if (XXX) { this.save(); } this.index = null;}, 10); 2、查看setTimeout()的定义： declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[])
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 731
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
ES6中的箭头函数实例详解
08-30
这意味着，箭头函数不会像普通函数那样在各种上下文中改变`this`的指向，例如在事件处理函数或`setTimeout`中。 示例： ```javascript var o = { x: 1, func: function() { console.log(this.x); }, test: ...
以setTimeout为例，如何用bind和箭头函数改变this指向
sinat_38368658的博客
10-31 1459
首先先明白一个定义：this是指对当前对象的引用 案例 对于如下结构 <body> <h1>Hello ECMAS cript</h1> <button id="btn">点我</button> <script src="static/2-1.js"></script> </body> 代码1 let oBtn = document.querySelec
刷新小程序数据源，setTimeout使用箭头函数
baijian10的博客
03-17 1504
想要定时刷新小程序数据源 必须用this.setData({ datas: this.data.datas })来更新数据源，push和onshift只能把数据添加到数组中，不能更新页面，必须要用this.setData({ })方法来刷新页面数据 // 生命周期函数--监听页面初次渲染完成 onReady:function(){ console.log(this); let ...
箭头函数 setTimeout this指向
热门推荐
MingleHDU的博客
12-17 1万+
今天面试的时候被问到了箭头函数和普通函数中的程序输出问题，归来实践验证一下。本文核心的三大理论依据： 普通函数的this指向看调用，箭头函数的this指向看声明，指向声明时候的父级作用域； setTimeout会延迟函数的声明 example1： 分析： 根据第1条，可知，声明时就已经确定了this的指向为父级作用域，也就是window 所以输出undefined； example...
利用箭头函数解决vue使用setTimeout的this问题和使用小技巧
进步的记录
07-20 3055
注：箭头函数本身没有执行作用域，是继承其父的执行上下文，所以箭头函数的this指向绑定其父的作用域 1、在vue里面使用setTimeout发现this失效 原因是setTimeout的this指向的windows 解决：setTimeout的第一个参数的function用箭头函数来代替，原因文章开头已解释了箭头函数的作用 2、vue的方法想要同时传入事件对象和自定义参数 解决方法： 1、方法名（$event，定义参数）$event为自定义参数 2、使用箭头函数(val)=>{方
闭包/this/箭头函数/setTimeout 总结
ljs_coding
08-06 610
1 前言 这四点是在面试中经常会被问到的，这两天终于查了书也看了几篇博客，在此做整理。 这也提醒我们看书过后不代表掌握，任何学习过程都要经历懂-会-对-悟四个阶段，准备面试过程其实也是对知识点的梳理过程。 以下内容，欢迎指正。 2 闭包 参考 红宝书与 https://juejin.im/entry/57d60f7067f3560057e37e25 闭包是指有权访问另一个函数作用域中的变量的函数。...
setTimeout怎么用【详细讲解】
z2000ky的博客
08-14 1775
不保证在指定的毫秒数之后立即执行，它只是将函数放入异步任务队列中，并在队列中的等待时间过后执行。如果队列中有其他任务需要执行，那么可能会稍微延迟执行。是 JavaScript 提供的一个函数，用于在指定的时间延迟后执行一段代码（函数）。将会在 2000 毫秒（2秒）后被打印出来。
箭头函数和普通函数的区别
weixin_42317878的博客
05-19 271
一，箭头函数基本用法： 箭头函数 伪代码 类似 函数表达式， 大多数用于 声明一些回调函数，简单 明了 const fn = (name)=>{ // do some other things return `hello ${name}` } 伪代码 等同于 const fn = function(name){ // do some other things return `hello ${name}` } 关于箭头函数的参数， 1....
2018-11-30
まどか
12-03 301
es6的相关学习 1.关于setTimeout()函数的写法 在es6之前与正常函数一样有函数声明式和函数表达式，如下：其中值得注意的是，setTimeout()函数内部的作用域都是指向全局的，也就是说this指向window对象。 //函数表达式 var t=setTimeout(function(){},3000) //函数声明 setTimeout(function(){},3000) ...
箭头函数 this指向
08-13
这种特性让箭头函数在使用setTimeout、setInterval等场景下更加方便地使用this。所以，无论箭头函数在哪里被调用，它的this都指向定义它的外层代码块的this，而不是调用时的对象。这与传统的函数的运行机制不同，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值