TypeScript中定时器的运用

// 定义一个简单的计时器函数
function simpleTimer(fn: Function, wait: number) {
    setTimeout(fn, wait);
}
 
// 使用TypeScript定义计时器函数的参数类型
function typedTimer(fn: () => void, wait: number) {
    setTimeout(fn, wait);
}
 
// 使用TypeScript定义计时器函数的参数类型，并且使用箭头函数来保持this上下文
function arrowFunctionTimer(fn: () => void, wait: number) {
    setTimeout(() => fn(), wait);
}
 
// 使用计时器函数
function doSomething() {
    console.log('Doing something...');
}
 
simpleTimer(doSomething, 1000); // 不推荐，因为没有类型检查
typedTimer(doSomething, 1000); // 推荐，使用类型定义
arrowFunctionTimer(doSomething, 1000); // 推荐，使用箭头函数来保持上下文

这个例子展示了如何在TypeScript中定义和使用计时器函数。通过为函数和数值参数指定类型，我们可以在编译时获得更严格的类型检查，从而减少错误。使用箭头函数也确保了this关键字能正确地指向外层的上下文。