欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue定时器

程序员文章站 2022-06-09 19:00:48
...

今天在界面上添加了一个钟表显示,用到了vue定时器,之前按照以前的写法写的,是这样的:

setTimeout(‘getCurrentTime()’,1000);

然后提示:getCurrentTime未定义。在确保我确实没有将函数名写错后,我就利用了this,试着改成了下边这样:

setTimeout(this.getCurrentTime(),1000);

我在该函数中打印了字符串,结果是这样,让我一度担心我的电脑要炸,我经常这样担心:

vue定时器

vue定时器

我不知道这是为什么,菜鸟直觉,,,算了,菜鸟没什么直觉,接着,我就在网上直接搜大神的经验了,说是需要使用箭头函数,然后我就试了,在蓦然回首间成功了,嘿嘿,开心,在此用我的拙劣的代码感谢:

setTimeout(() => {
              this.getCurrentTime();
            },1000);

然后,理由呢,是什么?我再查查啊。感谢知识共享的时代,查到了:

箭头函数中的this指向是固定不变的,即是在定义函数时的指向; 
而普通函数中的this指向时变化的,即是在使用函数时的指向。

原来是这样,理解了。

也通过这个例子,让我之前看不懂得有关箭头函数的this问题,今天有点儿理解了。唔,我就得这样,手动狗头