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() {}) ()
作用:
- 隐藏具体的实现
- 不会污染 外部(全局)命名空间
5.this
this 表示谁来调用该函数,是调用函数的当前对象,如果没有指定就是window
下图代码参考来源:https://www.bilibili.com/video/BV1Wb411H7Pj?p=11
6.执行上下文
调用的时候才会产生执行上下文
见视频:https://www.bilibili.com/video/BV1Wb411H7Pj?p=23