解决setTimeout返回值类型在ts中报错

原创 已于 2022-03-24 03:19:59 修改 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

于 2022-03-24 03:17:50 首次发布
本文介绍了在JavaScript中遇到setTimeout类型错误的解决方案，建议使用window.setTimeout来避免问题，并探讨了重新安装@types/node依赖作为另一种可能的解决途径。通过这两种方法，开发者可以有效解决在编码过程中遇到的类型不匹配问题，确保代码正常运行。

如下图中的报错在这里插入图片描述
解决办法

使用 window.setTimeout或者重新安装@types/node依赖

setTimeout的声明文件上显示的是number类型，用的时候用window来调用应该就没问题了
在这里插入图片描述

使用ts写一个严格类型推断的防抖函数--支持延迟执行，立即执行，成功失败回调和promise返回值
听雨少年的博客
04-04 3352
TS版的防抖函数(严格的类型推断) export function isFunction(obj: any): obj is Function { return typeof obj === "function"; } type fnType<T> = (...args: T[]) => any; type successCallbackType<T = any> = (...args: T[]) => any; type failCallbackType<T
setTimeout 详解
热门推荐
Dark_programmer的博客
03-30 4万+
1. setTimeout 定义 setTimeout( )是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。 setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。 2. 参数详解 刚刚在研究promise的时候，发现setTimeout( )不...
记录vue+TypeScript中使用setTimeout的ts报错
Tizzyhong的博客
01-12 417
记录vue+TypeScript中使用setTimeout的ts报错
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
11-20
先看效果图，这是弹窗效果，要求就是弹窗出现和消失时候不是很突兀，要有过渡效果。 首先看弹窗出现的实现思路，先加一个beforeActive类，再加一个active类。我们看审查元素，一开始display：none； 在beforeActive中display：block；只是background: transparent;然后在一定时间后再加上active类。问题就来了，在打开弹窗代码中，如下图，settimeout第二个参数小于60ms效果就会不稳定，有时候有过渡效果，有时候没有过渡效果。 // openbtn(){ // let _this=this; //
JS / TS定时器（Timer）介绍（setTimeout()、setInterval()、clearTimeout()、clearInterval()）延时执行、定时执行、手动置空、手动重置
最新发布
Dontla的博客
10-17 1399
在前端开发中，定时器（Timer）是非常常用的功能之一。无论是轮询接口、执行动画、还是延迟某个动作的触发，都离不开它。：延迟执行一次。：按固定间隔重复执行。TypeScript 也支持它们，只不过在类型定义上稍有区别。}, 1000);方法作用清理方式注意事项延迟执行一次清除后变量不会自动变null固定间隔重复执行同上useEffect启动/清理定时器返回清理函数组件卸载时清理Hook封装可复用逻辑自动清理代码更简洁。
ts总结大全
2302_79245293的博客
02-17 2569
TS类型除了原始js类型之外，还增加类型，例如：枚举、接口、泛型、字面量、自定义、类型断言、any、类型声明文件。ts把alink的类型推断为HTMLElement(普通的标签类型)--->前面必须是锚点连接。address:{province:'安徽',city：'黄山'}let degree:'专科' | '本科' | '研究生'='本科'address:{province:'安徽',city:'黄山'}:number//加上？let obj2:{a:10}={a:10}//值为固定的、
TS 中使用setTimeout，NodeJS.Timeout
qq_38866594的博客
11-01 5631
描述： 在TS中使用 setTimeout 函数，不知道该定义什么类型，经过我的摸索得出两种定义的方式，写一篇文章记录一下。
ts关于定义setTimeout的类型
l1134的博客
11-24 7320
为了能够在全局中关闭setTimeout，所以需要在全局定义一个setTimeout多数据类型 直接上代码： var timeOut: NodeJS.Timeout;//定义setTimeout的类型 timeOut = setTimeout(function () { ...... }, 1000); 在其他地方可以直接关闭 clearTimeout(timeOut); ...
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
10-15
总结以上内容，解决Vue中setTimeout和setInterval在离开当前路由时未销毁的问题需要结合Vue的生命周期、JavaScript的this指向以及ES6箭头函数的特性。确保在组件销毁前清除定时器，并正确地引用Vue实例的方法，以...
获取JavaScript异步函数的返回值
11-28
今天研究一个小问题： 怎么拿到JavaScript异步函数的返回值？ 1.错误尝试 当年未入行时，我的最初尝试： [removed] function getSomething() { var r = 0; setTimeout(function() { r = 2; }, 10); return r; ...
react如何解决setTimeout获取不到最新数据问题
Misnice的博客
08-23 1260
react如何解决setTimeout获取不到最新数据问题
vue3+ts使用setInterval、setTimeout方法
weixin_45594156的博客
12-08 2190
vue3+ts使用setInterval、setTimeout方法，如果是下面这种写法，会报错`Type 'Timeout' is not assignable to type 'number'`
使用typescript 做计时器 setTimeout()中时间不能用的解决办法
weixin_30730151的博客
06-27 4540
现在拼团项目要求做计时功能，就做了一个setTimeout()计时；用的时候setTimeout(handler,time)，但是后面的时间总是不起作用，浏览器每次都会内存溢出。 最后找到了答案，使用箭头函数 setTimeout(()=>{handler},time); 需要这样使用 转载于:https://www.cnblogs.com/zhangweihu/p/708...
vue3+ts不能将类型“Timeout”分配给类型“null”不能将类型“Timeout”分配给类型number
weixin_42097259的博客
09-27 1110
根据报错的意思，大致知道setTimeout返回为Timeout，所以只需要将类型定义正确即可，最终将类型改为：NodeJS.Timeout | null ，如图。不能将类型“Timeout”分配给类型“number”。() 函数时，一般是需要进行清除计时器操作的；
Vue3+Ts中使用setInterval或者setTimeout
努力的nana
07-25 7989
自己根据业务需求写的，后续会跟进完善
setTimeout/setIntervel 的类型定义
YopenLang的博客
06-30 773
首先先用 关键字获取 函数的类型，接着利用 TypeScript 提供的 工具，获取 函数的返回类型：
TypeScript中的定时器
Rain022111的博客
05-17 4614
在ts中使用和时,如果把特们的返回值定义成number类型,那么ts会警告你不能将类型“Timeout”分配给类型“number” 或 你不能将类型“Timer”分配给类型“number”
setTimeOut运行机制详解
yingzizizizizizzz的专栏
03-23 858
今天刷牛客网上的一道题 for(var i=0;i<5;++i){ setTimeout(function(){ console.log(i+ ’ ’); },100); }引发的对setTimeout的思考 问运行结果是什么。 之前我想当然的认为肯定是0,1,2,3,4啊，然而真的不是想当然的啊。这里考察的是setTimeOut的异步运行机制。 这段程序可以理解为：匿名函数根本就没有立即执行。正因为没
setTimeout的骚操作
longgege001的博客
12-10 358
先回顾一下定时器的一些重要知识： 1、Javascript引擎是单线程执行，异步事件必须要排队等待才能执行。 2、如果无法立即执行定时器，该定时器会被推迟到下一个可用的执行时间点上（可能更长，但不会比指定的延迟时间更少）。 3、如果一直被延迟，到最后，Interval间隔定时器可能会无延迟执行，并且同一个interval处理程序的多个实例不能同时进行排队。 4、setTimeout()和s...
settimeout ts 类型定义
01-11
在TypeScript中定义setTimeout的类型可以有两种方式： 第一种方式是使用NodeJS.Timeout类型，需要先安装@types/node包，并在配置文件.eslintrc.cjs中添加globals: { NodeJS: 'readonly' }。具体代码如下： ```...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值