JS 计时器参数剖析与真题

HTML5学堂-码匠:计时器的第一个参数,包含几种不同的书写方法,可以是函数名,匿名函数,JS代码字符串,还有一些面试题当中会出现“函数调用”的书写方式。

那么,这些不同的书写方法分别表示什么呢?在计时器中出现的第一个参数,作用域又是在哪里创建的?

计时器第一个参数的不同写法

函数名的书写方法

这是最为常见的一种书写方法,该方法表示的是,在固定毫秒之后,将这个函数名的函数添加到执行队列当中,让其执行。

字符串式的书写方法

当一个函数有参数时,很多人会采用这样的调用方法。

Tips:参数为文字时,可以用单引号内包双引,或双引号内包单引的方式书写。

setTimeout 和 setInterval 都可以接受字符串(作为第一个参数),但是并不推荐使用这种书写方法。原因在于:为了能够运行,会在代码执行时,将字符串通过eval方法进行转换。

eval方法,其作用就是把字符串当做JS去执行。eval虽然能够解决很多问题,有很大的作用,但是也广为诟病,其性能问题,安全性问题,以及在JS严格模式与非严格模式的不同。

由于这些缺点,使得众多开发者在项目和代码中,尽量规避了对它的使用。

匿名函数的书写方法

当函数有参数要传递,而又不能使用字符串式的书写方法,此时,匿名函数的书写方法就派上了用场。

函数调用的书写方法

这种书写方法,本身是错误的,几乎在实际开发当中是无法找到的。当然在偶尔会在面试当中以“坑”的形式出现……

此处第一个函数会在执行到计时器这行代码时,立即执行,而返回的是h5course函数的返回值,而非函数本身。如果函数返回默认返回值undefined,setInterval也不会报错。

第一个参数的作用域归属

计时器的第一个参数,默认在全局作用域中执行,因此函数内的 this 将会指向window。

Tips:运行结果为true

Tips:运行结果为true

来几道面试真题练练手

如下代码打印结果是什么

Tips:答案请见文章底部

码匠 两个字多久会打印出来

Tips:答案请见文章底部

请说出如下代码运行情况

Tips:答案请见文章底部

总而言之,言而总之

当要执行的函数没有参数时,可以直接使用函数名调用

当需要向回调函数中传递参数时,不要使用字符串做参数,使用匿名函数做参数,并在匿名函数内部执行回调函数。

第一参数的函数会在全局作用域中进行执行

三道面试真题的答案

第一题:先输出10,之后大概1秒后,同时输出10个10。

第二题:约1000毫秒(即约1秒)

第三题:在函数执行时,两个li的背景颜色立即被设置为了红色,经过大概5000毫秒之后,控制台报错(两个错误),错误内容均为“red is not defined”

开开心心每一天

生活艰辛,代码不易,但,不要忘记微笑!

版权声明:该图来自“【美】莉兹·克里莫 (author)”的书籍《你今天真好看》

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2017-09-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Crossin的编程教室

【编程课堂】文本包装 textwrap

欢迎回到编程课堂,本周我们将了解一个与文字处理相关的模块—— textwrap,依照惯例,此处应该有一思考题: 现在有一文本文件 ‘abc.txt’,有 100...

32710
来自专栏calmound

HDU 3555 Bomb(数位DP)

http://acm.hdu.edu.cn/showproblem.php?pid=3555 题意:0-n之间有多少个数包含"13"的 分析:dp[pos][h...

2595
来自专栏非著名程序员

10个经典的Java面试题集合

概述:还在做无准备的面试吗?还在为找不到Java的面试题而苦恼吗?那么你就一定不能错过以下小编为你量身打造的Java面试题集合了!让我们一起来看看 这里有10个...

1985
来自专栏Android知识点总结

再见kotlin--02函数

562
来自专栏前端架构与工程

【译】《Understanding ECMAScript6》- 第一章-基础知识(二)

块绑定 JavaScript中使用var进行变量声明的机制非常怪异。在大多数C系列的编程语言中,变量的创建是在被声明的时刻同时进行的。但是JavaScript并...

2505
来自专栏微信公众号:Java团长

探秘Java中的String、StringBuilder以及StringBuffer

  相信String这个类是Java中使用得最频繁的类之一,并且又是各大公司面试喜欢问到的地方,今天就来和大家一起学习一下String、StringBuilde...

582
来自专栏专注 Java 基础分享

Java 的字节流文件读取(一)

1717
来自专栏逸鹏说道

我为NET狂面试题-基础篇-答案

面向过程: 答案:图片只贴核心代码,完整代码请打开解决项目查看 (答案不唯一,官方答案只供参考,若有错误欢迎提出~) 99乘法表 https://githu...

32713
来自专栏新智元

【Python大神秘籍Top10】这些窍门99%的人都不知道

【新智元导读】Python神奇方法是指一些允许在自定义类中增加“神奇”功能的方法。而在Python官方文档中,有关这些方法的介绍或描述不仅内容分散,而且组织结构...

1142
来自专栏Java架构沉思录

你真的懂Java中的String、StringBuilder和StringBuffer吗?

相信String这个类是Java中使用得最频繁的类之一,并且又是各大公司面试喜欢问到的地方,今天就来和大家一起学习一下String、StringBui...

1113

扫码关注云+社区