4.js-高级 事件机制 闭包 IIFE this

1.事件机制

参考：https://www.cnblogs.com/jiuyi/p/5460448.html
事件机制之冒泡、捕获、传播、委托

• 冒泡即阻止冒泡
  preventDefault与stopPropagation的区别：
  preventDefault告诉浏览器不用执行与事件相关联的默认动作（如表单提交）
  stopPropagation是停止事件继续冒泡，但是对IE9以下的浏览器无效

• 委托事件：见《性能优化》https://blog.csdn.net/qq_22703205/article/details/88564239

2.闭包

参考：https://www.cnblogs.com/yunfeifei/p/4019504.html
1、什么是闭包
闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：
　　1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。
　　2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。
　　简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。

2. Javascript闭包的用途

3.函数的形式

// 方式一
const fn = function() {}
// 方式二
function fn() {}

这两种是有区别的，一种是函数声明，一种是函数表达式。
函数声明：

funName()//正常执行
function funName(){
    //code
}

函数表达式：

funName()//报错
var funName=function(){
    //code
}

解析器在向执行环境加载数据时，对这两种是有区别的，解析器会率先读取函数声明，以确保在执行任何代码之前可以访问，而函数表达式，则必须等到解析器执行到他所在的代码才会被真正执行。
另外除了这一点区别，函数声明与函数表达式的语法其实是等价的。

4.IIFE（立即执行函数/匿名函数自调用）

使用匿名函数表达式。将匿名函数，赋值给一个变量。

// 声明：
var func=function(){ }
//调用：
func();

fn为该函数的存储空间名，若无fn,function(){} 是会报错的
闭包：

(function() {}) ()

作用：

1. 隐藏具体的实现
2. 不会污染 外部（全局）命名空间

5.this

this 表示谁来调用该函数，是调用函数的当前对象，如果没有指定就是window
下图代码参考来源：https://www.bilibili.com/video/BV1Wb411H7Pj?p=11

6.执行上下文

调用的时候才会产生执行上下文
见视频：https://www.bilibili.com/video/BV1Wb411H7Pj?p=23