setTimeout里如果有$(this),$(this)指的是谁？

最新推荐文章于 2021-03-03 20:31:11 发布
最新推荐文章于 2021-03-03 20:31:11 发布
阅读量141 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/xchlsl/p/4484762.html
本文介绍如何在JavaScript中使用setTimeout函数实现元素样式延迟应用，并通过点击事件改变元素颜色，涉及基本的DOM操作和定时器应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$(".next").click(function(){

     setTimeout(function(){$(this).addClass("gray");//指向的是window 而不是$(".next") },1000);

})

转载于:https://www.cnblogs.com/xchlsl/p/4484762.html

setTimeout的作用域以及this的指向问题
小亚美美的博客
02-04 2010
setTimeout方法是挂在window对象下的。《JavaScript高级程序设计》第二版中，写到：“超时调用的代码都是在全局作用域中执行的，因此函数中this的值在非严格模式下指向window对象，在严格模式下是undefined”。在这里，我们只讨论非严格模式。 setTimeout接受两个参数，第一个是要执行的代码或函数，第二个是延迟的时间。 一、先说结论：setTimeou
由setTimeout的this讲起
在这里写Bug
09-26 2253
在最近一次面试中，技术官问了setTimeout中this的指向，看了无数遍的this相关的东西，没想到竟然在这个问题上栽了跟头……都怪我经验太少看书太少哎，所以来认真研究了一番这东西。 虽然setTimeout()平时也有用过，但理解得并不深。JavaScript高级程序设计有说：超时调用的代码都是在全局作用域中执行的，因此函数中的this的值在非严格模式下指向window对象，在严格模式下是u
setTimeout不支持$(this)等其他jQuery选择器的解决办法
weixin_34259159的博客
09-19 348
2019独角兽企业重金招聘Python工程师标准>>> ...
由setTimeout()里的this引出的this
weixin_30266829的博客
04-22 109
example 1: window.id='windowid'; function M(){ this.id='Mid'; this.f1=function(){console.log(this.id);}; this.f2=function(){ setTimeout(this.f1,5000); }; } va...
setTimeout函数this的指向
weixin_45727472的博客
03-03 7873
第一种解释： var obj = { name: 'name', foo: function () { console.log(this); // Object {name: "name"} setTimeout(function () { console.log(this); // Window }, 1000); }, foo2: function () { console.log(
setTimeout中this指向问题
qq_41756580的博客
07-13 1171
因为setTimeout内的this指向的并不是这个对象而是window对象 所以需要先把this指向的对象本身存入一个变量 setTimeout第一个函数参数是一个闭包 根据闭包特性可以访问外部的方法示例：$(".all .jian").each(function(i){ var self = $(this); setTimeout(function(){ self.css('top',...
this.$toast() 了解一下？
10-17
在Vue.js框架中，`this.$toast()` 是一种方便的全局方法，用于在应用中快速显示消息提示，类似于浮层通知。这种功能常见于各种UI框架中，如Element UI、Vuetify等，它允许开发者在任何地方通过简单的JavaScript调用...
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$...通过`this.$nextTick()`或`setTimeout()`确保在DOM更新后进行操作，可以避免许多与`this.$refs`相关的错误。同时，合理设计组件结构和使用`v-if`、`v-for`指令，可以进一步优化`$refs`的使用。
js原生态函数中使用jQuery中的 $(this)无效的解决方法
10-28
然而，在某些情况下，特别是在涉及到异步操作，如 `setTimeout` 或 `$.ajax` 等函数内部，`this` 的指向会改变，不再指向预期的元素。这是因为这些函数创建了自己的作用域，导致 `this` 不再指向调用它的对象。 在...
Vue中this.$nextTick的作用及用法
11-21
在浏览器环境中，Vue可能使用Promise、MutationObserver或者setImmediate来实现这个功能，如果这些都不支持，会退化为setTimeout(fn, 0)。这意味着当你改变数据，如`vm.someData = 'new value'`，组件并不会立即重绘...
js中setTimeout的this指向问题
Setting_You的博客
01-12 3158
周五一下午，在公司闲来无事，想起之前面试的一道js题，居然还是机试，紧张的不行反正当时是没有做出来的，就随手拍一张照以便回来后自己好好学学，当时面试官面带微笑的跟我说先回去等通知吧，面试的结果可想而知了 foo=function(){ this.myName="Foo function"; }; foo.prototype.sayHello= function...
setTimeout中调用this
weixin_30878361的博客
12-15 388
项目案例： 　　左右切换tab容器的动作，封装到一个对象中： 　　var slidingComp = { 　　　　startX : 0 , 　　　　moveX : 0 , 　　　　...... 　　　　start : function(e) { 　　　　　　... 　　　　}, 　　　　move : function(e) { 　　　　　　... 　　　　}, 　...
解决setTimeout中的this指向问题
weixin_33698823的博客
10-06 1214
在setInterval和setTimeout中传入函数时，函数中的this会指向window对象。 function LateBloomer() { this.petalCount = Math.ceil(Math.random() * 12) + 1; } // Declare bloom afte...
setTimeout 中$(this)无效
qq_40495860的博客
02-25 532
setTimeout 中$(this)无效 错误写法： $("#MultiImg").on("mousedown", " .multiImgs", function () { setTimeout(function () { $(this).remove(); }, 2000); }...
关于setTimeout中this绑定的问题
pfqian的博客
04-24 1484
考虑这样一个函数 function foo(){ setTimeout(function(){ console.log(this.id); },1000); } window.id = 12; foo.call({id:34});//output:12这个函数会输出的是12。 如果有看过《你不知道的JavaScript》的都知道，如果使用.call()和.
POSIX定时器:timer_settime()的使用
热门推荐
小向的专栏
04-21 3万+
POSIX创建、初始化以及删除一个定时器的行动被分为三个不同的函数：timer_create()(创建定时器)、timer_settime()(初始化定时器)以及timer_delete(销毁它)一个典型的例子如：#include timer_t fade_in_timer;int myclass::starttimer(){    struct sigevent evp;     memset(&evp, 0, sizeof(evp));    evp.sigev_value.sival_ptr = th
setTimeout中的this指向问题
卡卡西：一个擅长拷贝的前端程序员
12-07 2488
当你向setTimeout()(或者其他函数)传递一个函数时,该函数中的this指向跟你的期望可能不同。 由setTimeout()调用的代码运行在与所在函数完全分离的执行环境上。这会导致，这些代码中包含的 this 关键字会指向 window （严格模式和非严格模式都会指向window）。 举例； let myArray = ["zero", "one", "two"]; myArray.myMethod = function (sProperty) { alert(arguments..
this.$nextTick 与window.setTimeout
weixin_30613343的博客
07-18 728
两个都可以设置运行先后。前者，方式： this.$nextTick(() => { this.$refs.orgAddOrUpdate.init(row, isAdd) }) 其中orgAddOrUpdate是一个组件的ref，组件里的metheds里边有init方法。 转载于:https://www.cnblogs.com/sweeeper/p/1120...
settimeout和this.$nexttick执行顺序
最新发布
12-28
this.$nextTick(() => { console.log('$nextTick callback'); }); setTimeout(() => { console.log('setTimeout callback'); }, 0); console.log('End'); ``` 输出结果应为： ``` Start End $nextTick ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值