上一座山我们简单地说了下函数 和作用域 今天来了解下闭包和this指向,
也欢迎大家去看看上一座大山 𡷈𡷈𡷈
闭包
闭包函数:声明在一个函数中的函数,叫做闭包函数。
闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。
闭包的几个特点
- 让外部访问函数内部变量成为可能;
- 局部变量会常驻在内存中;
- 可以避免使用全局变量,防止全局变量污染;
- 会造成内存泄漏(有一块内存空间被长期占用,而不被释放)
1.2.3的话上一篇都有提到 这里的话提一下闭包内存泄漏
闭包会发生内存泄漏,每次外部函数执行的时 候,外部函数的引用地址不同,都会重新创建一个新的地址。但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删除,保留一根指针给内部活动对象。闭包内存泄漏为: key = value,key 被删除了 value 常驻内存中; 局部变量闭包升级版(中间引用的变量) => 自由变量;
//上代码:
function outerFn(){
var i = 0;
function innerFn(){
i++;
console.log(i);
}
return innerFn;
}
var inner = outerFn(); //每次外部函数执行的时候,都会开辟一块内存空间,外部函数的地址不同,都会重新创建一个新的地址
inner();
inner();
inner();
var inner2 = outerFn();
inner2();
inner2();
inner2(); //1 2 3 1 2 3
//再来看一个
var i = 0;
function outerFn(){
function innnerFn(){
i++;
console.log(i);
}
return innnerFn;
}
var inner1 = outerFn();
var inner2 = outerFn();
inner1();
inner2();
inner1();
inner2(); //1 2 3 4
this指向
5大调用场景:
- 普通函数、
全局下,普通函数fn1执行,相当于window执行了fn1函数,所以this是window- 对象方法、
对象方法中的this指向方法的调用者- call apply bind
call
apply
bind
可以修改this指向 改成第一个参数
bind
第一个参数就是修改this指向 但是需要手动执行- class
class() es6 this指向实例对象- 箭头函数
this时刻指向父级的上下文对象, 并且不可被call
apply
bind
修改