JS基础知识点总结1（闭包、冒泡、call、for in、变量函数提升）

JS小知识点1（闭包、冒泡、call、for in、变量函数提升）

这里总结了一些JS中的基础概念，包括闭包、冒泡等等，面试常常问到的

1. 闭包与作用域
2. 事件冒泡
3. call、apply、bind
4. for in和for of的区别和用法
5. 变量声明提升、函数提升

一、闭包与作用域

1、说明:

1. 在js作用域环境中访问变量的权利是由内向外的，在外层作用域下无法获取内层作用域下的变量

2. 闭包有3个特性：

   ①函数嵌套函数

   ②函数内部可以引用函数外部的参数和变量

   ③参数和变量不会被垃圾回收机制回收

3. 好处

   ①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突

   ②在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）

   ③匿名自执行函数可以减少内存消耗

4. 坏处

   ①其中一点上面已经有体现了，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；

   ②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响

2、示例

（1）函数作为返回值

fucntion a(){
   
	var name = 'apple';
	return function(){
   
		return name;
	}
}
var b = a();
console.log(b()) // apple
在这段代码中，a()中的返回值是一个匿名函数，这个函数在a()作用域内部，
所以它可以获取a()作用域下变量name的值，将这个值作为返回值赋给全局作用域下的变量b,
实现了在全局变量下获取到局部变量中的变量的值

(2)经典案例

//打印5个5
for (var i = 0; i < 5; i++) {
   
    setTimeout(() => {
   
      console.log(i, 'i');
    }, 0)
  }
按照预期它应该依次输出1 2 3 4 5，而结果它输出了五次5，这是为什么呢？
原来由于js是单线程的，所以在执行for循环的时候定时器setTimeout被安排到任务队列中排队等待执行，
而在等待过程中for循环就已经在执行，等到setTimeout可以执行的时候，for循环已经结束，
i的值也已经编程5，所以打印出来五个5

//打印 0 1 2 3 4
for (let i = 0; i < 5; i++) {
   
    setTimeout(() => {
   
      console.log(i, 'i');
    }, 0)
  }
换成let,将i包含在块级作用域中，或者将setTimeout放入立即执行函数中也可以
//打印 0 1 2 3 4
for (let i = 0; i < 5; i++) {
   
	(function(i){
   
		setTimeout(() => {