前端使用定时器，this指向解决

最新推荐文章于 2024-05-11 04:06:56 发布

aihaihainihao

最新推荐文章于 2024-05-11 04:06:56 发布

阅读量118

点赞数

分类专栏：总结

本文链接：https://blog.youkuaiyun.com/phcla/article/details/115450124

版权

总结专栏收录该内容

43 篇文章

订阅专栏

 let time=setInterval(function () {
          this.second--;
          if(this.second==0){
            location.replace("./login.html")
          }
      }.bind(this),1000,1000)

.bind(this)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aihaihainihao

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端开发：详细讲解this指向的相关知识

全沾软贱开发攻城狮

12-06

1万+

在前端js中，this虽然只是其中的一个关键字而已，但是确实一个比较特殊的关键字。为什么说this在js关键字中很特殊呢，原因就在于this是函数在运行时自动生成的一个对象，this的指向在函数定义的时候不是确定的，只有在函数运行的时候才能确定this指向是谁，其实this最终指向的就是调用它的那个对象（this指向的是最后调用它的对象），说白了就是“谁调用指向谁”。首先来了解一下this指向的优点好处：在特定函数和写法中，this可以方便快捷的引用对象，使得写法简单容易复用和代码简洁精简。一、th

js高级-this指向问题，改变函数内部this指向的三种方法 call() apply() bind() 及区别

qiaoyangla的博客

03-01

467

1.this指向问题 1.普通函数 this指向window function fn(){ console.log('普通函数的this'+ this); } window.fn() 2.对象的方法 this指向的是对象o var o = { sayHi:function fn(){ console.log('普通函数的this'+ this); } } o.sayHi(); 3.构造函数 this指向ldh这个实例对象原型对象里面的this指...

参与评论您还未登录，请先登录后发表或查看评论

2024年Web前端最全JS 定时器的 this 指向若干问题总结，头条Web前端面试题

最新发布

2401_84438160的博客

05-11

617

在执行 setTimeout 时候，我们先是定义了一个匿名的箭头函数，关键点就在这，箭头函数内的 this 执行定义时所在的对象，就是指向定义这个箭头函数时作用域内的 this，也就是obj.foo中的this(不要误解为是 setTimeout中的this啊，只不过是它的实参而已。测试测试6和测试7中，console.log(value)中的value都是构造函数局部执行环境中的value值，而console.log(this.value)中的value都是全局执行环境中的value值。

定时器setInterval内this指向详解

08-05

1287

局部使用 let time = setInterval(function(){ //function为全局变量内部this指向全局global或window }, //当是用箭头函数时候 let time = setInterval(()=>{ //this指向调用该方法的对象也就是let指向即this } 全局使用 this.time=setInterval(function(){ //function为全局变量内部this指向全局global或window }

详解JS中定时器setInterval和setTImeout的this指向问题

11-29

前言 Js是一个单线程语言，可以通过setTimeout()和setInterval()来设置代码在指定时刻运行，前者是在指定时间后执行，后者是指每隔一段时间执行。两者的使用方法类似。最近在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，详细的介绍通过一个示例展开，一起来看看吧。如下例： var num = 0; function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this

解决TS语法中的This报错问题

So_I_like的博客

01-24

6218

在js中，函数中随便使用this不会报错。但是，ts语法类型检测太强了，我在一次写项目时，用到了this，因此惊奇地发现ts还要检测这个this的类型，在试了很多类型声明的办法都不管用后，采用了这种参数位置声明this，终于解决了报错问题。代码如下： functionthrottle(fn:Function,delay:number){ lettimer:any=null; returnfunction(this:any){ ...

js之定时器中的this指向

seimeii的博客

04-13

2597

1、使用js中的定时器（setInterval，setTimeout），很容易会遇到this指向的问题。 var name = 'window'; var obj = { name: 'obj', fn: function () { var timer = null; clearInterval(timer); timer = setInterval(function () { console.log(

基于javaScript的this指向总结

12-09

JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下的指向可能会有所不同，这使得理解和掌握`this`的用法成为前端开发人员必备的技能。本文将深入探讨`this`在JavaScript中的各种情况下的指向。 1. ...

JavaScript中this指向详解与调用方式

当我们直接调用一个函数，如`window.fn()`，`this`指向全局对象（在浏览器环境中通常是`window`），因此会打印出`普通函数的this指向window`。 2. 构造函数调用：构造函数用于创建新的对象，如`var ldh = new ...

浅谈JavaScript中this的指向更改

11-20

而当我们使用`call`并传入`dogObj`作为`thisArg`，`greet`内的`this`就指向了`dogObj`，使得函数根据`dogObj`的属性进行输出。其次，`apply`方法与`call`类似，区别在于它接收一个数组或类数组对象作为参数。例如...

JS中的this指向问题（包括定时器中的this指向修改问题六、七）

qq_42204313的博客

09-05

2020

目录一、全局作用域中二：闭包中指window 三：函数调用模式：谁调用就指谁四：构造函数中，this指实例对象。五：apply/call改变this的指向六：定时函数中：this指向window 七：bind改变this指向八：ES6箭头函数：函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。箭头函数的最大作用就是this指向 https:/...

web前端之定时器的使用

爸爸去哪了2之熊猫三胞胎的博客

02-03

929

web前端之定时器的使用 定时器的简单介绍：获取系统时间： 定时器的使用1： html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> head> meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> title>定时器title

定时器中的this指向问题

学无止境

08-07

5534

原文地址：http://www.zhangyunling.com/?p=134 看例子：代码中中的两个setTimeout执行后的结果分别是什么？ var a = 1; function B(){ var a = 2; setTimeout("C()",1000); setTimeout(C,2000);

前端---js中定时器的用法

Nagile-zhou博客

10-05

9358

我们在创建一个网页的时候我们有时候为了要实现一个动态网页随时间变化网页内容产出变化的效果或者会用到定时器来实现数据实时更新、时间等时就需要在js代码中定义一个定时器来实现该功能. Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。两种函数定义的形式: setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式...

微信小程序setInterval定时函数使用详细教程