浅谈JS中常见的问题（一）

前言

Success is going from failure to failure without losing enthusiasm.
成功就是不断失败，而不丧失热情。
------ 温斯顿·伦纳德·斯宾塞·丘吉尔

---

1.setInterval和setTimeout详解

setInterval和setTimeout都属于JS中的定时器，可以规定延迟时间再去执行某个操作

setInterval()定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

setTimeout()定义和用法

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setTimeout 方法接收两个参数，第一个参数为回调函数函数或字符串，第二个参数为触发时间,单位是毫秒。

setInterval()和setTimeout()的区别

两个函数的参数相同，第一个参数是要执行的code或句柄，第二个是延迟的毫秒数。

不同在于setTimeout()只执行一次，而setInterval()是循环执行的，可以执行多次。

---

2.关于事件委托

事件委托也叫事件代理，“事件代理”即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡（注.a）。

注.a：事件冒泡就是当子元素（事件源）事件触发，事件会沿着包含关系，依次往上级传递，每一级都可以感知到事件，直到触发根元素（根源)

优点和缺点

优点：可以大量节省内存占用，减少事件注册；
还可以实现当新增子对象时，无需再对其进行事件绑定(动态绑定事件)；

缺点也很明显：实用性不是很强，如果把所有事件都用事件代理，可能会出现事件误判，让本不该被触发的事件被绑定上了事件。

---

3.闭包的本质，原理，构成，作用以及缺点

对闭包的理解
（1）闭包就是能够读取其他函数内部变量的函数；

（2）闭包是一种私有化变量的机制,函数执行时形成私有作用域,保护私有变量不受外界影响;

（3）内部函数可以使用外部函数的参数和变量,函数和变量不会被垃圾回收机制回收。

闭包的特点
让外部访问函数内部变量成为可能；
局部变量会常驻在内存中；
可以避免使用全局变量，防止全局变量污染。

闭包的缺点
使用闭包会消耗大量内存，而且会造成内存泄漏（有一块内存空间被长期占用，而不被释放）。
解决方法是退出闭包时把不用的内部的变量删除即可。

---

4.作用域和作用域链

什么是作用域

变量可用性的代码范围，就叫做这个变量的作用域。简单理解，就是再这个范围内，变量是可以使用的，超过这个范围，变量就无法使用，这个范围就是作用域。

作用域分为三种：全局作用域，局部作用域和块级作用域。

全局作用域

能够在全局使用，可以在代码的任何地方被调用。

局部作用域（函数作用域）

局部作用域只能作用于局部的代码片段，比如函数内部，函数外部无法访问函数内部创建的变量。

块级作用域

ES6新增的块级作用域，使用let关键字创建变量，const关键字创建常量，作用域只存在于{}花括号内。

没有块级作用域导致了if或for这样的逻辑语句中定义的变量可以被外界访问，
因此ES6中新增了let和const命令来进行块级作用域的声明。

块级作用域的内层变量可能会覆盖外层变量。

什么是作用域链

作用域链 – 变量的查找机制

当你要访问一个变量的时候，首先会在当前作用域下查找，如果没有找到则返回上一级作用域再次查找，直到查找至全局作用域，这个查找过程中形成的链条就叫做作用域链。
（上一级作用域 ：函数在哪里定义的，那么该函数执行形成的作用的上级作用域就是谁。）
每一段 JS 代码（全局代码或函数）都有一个与之关联的作用域链。

---

5.匿名函数的本质以及相较于普通函数的区别

什么是匿名函数
定义函数时，不指定函数名的函数就是匿名函数。
为什么要使用匿名函数
节约内存；避免产生全局变量，造成全局污染。

匿名函数两种情况
（1）绝大多数回调函数，都使用匿名函数（节约内存）。
原因：匿名函数用完之后，就会自动释放。
（2）匿名函数自调（避免产生全局变量，造成全局污染）。
什么是匿名函数自调：定义一个匿名函数后，立刻调用该函数执行，调用后立刻释放。

匿名函数的写法

var  变量名 = 关键字(){
	函数体
	return xxx
}
匿名函数调用:
变量名（）

var abc = function (){
   console.log(arguments)
}
abc() //

匿名函数存在 变量提升，不存在 函数声明提升。

普通函数的写法

关键字（function） 函数名 （参数）{   //参数是形参（形式参数）
	函数体
	return  xxx
}
普通函数的调用：
	函数名（参数）  //参数是实参（实际参数）

//函数声明提升
fun([1,2,3]) //[1,2,3]
 function fun(val){
   console.log(val)
   console.log(arguments)
 }
 //调用函数
fun([1,2,3]) //[1,2,3]

---

总结

本文简单总结了一下有关JS的部分知识点，希望能对你有所帮助。