JS 计时器参数剖析与真题

JS 计时器参数剖析与真题

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

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

计时器的第一个参数

函数名的书写方法

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

计时器01,setTimeout,setInterval,参数,调用方法

字符串式的书写方法

当一个函数有参数时,不少人会采用这样的调用方法。性能

计时器02,setTimeout,setInterval,参数,调用方法,字符串

setTimeout 和 setInterval 均可以接受字符串(做为第一个参数),可是并不推荐使用这种书写方法。缘由在于:为了可以运行,会在代码执行时,将字符串经过eval方法进行转换。this

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

因为这些缺点,使得众多开发者在项目和代码中,尽可能规避了对它的使用。队列

匿名函数的书写方法

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

计时器03,setTimeout,setInterval,参数,调用方法,匿名函数

函数调用的书写方法

这种书写方法,自己是错误的,几乎在实际开发当中是没法找到的。固然在偶尔会在面试当中以“坑”的形式出现……作用域

计时器04,setTimeout,setInterval,参数,调用方法

此处第一个函数会在执行到计时器这行代码时,当即执行,而返回的是h5course函数的返回值,而非函数自己。若是函数返回默认返回值undefined,setInterval也不会报错。开发

第一个参数的做用域归属

计时器第一个参数会在全局做用域中执行,所以函数内的 'this'将会指向这个全局对象

计时器,面试真题,setTimeout,setInterval,参数,调用方法

运行结果为true

计时器,面试真题,setTimeout,setInterval,参数,调用方法

运行结果为true

来几道计时器的面试真题练练手

每次打印结果是什么

计时器,面试真题,setTimeout,setInterval,参数,调用方法

Tips:答案请见文章底部

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

计时器,面试真题,setTimeout,setInterval

Tips:答案请见文章底部

请说出以下代码运行状况

计时器,面试真题,setTimeout,setInterval

Tips:答案请见文章底部

总而言之,言而总之

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

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

函数会在全局做用域中进行执行

三道面试真题的答案

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

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

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

开开心心每一天

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

开心一刻

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

相关文章
相关标签/搜索