js 中的山 -又一座.闭包 this指向

上一座山我们简单地说了下函数 和作用域 今天来了解下闭包和this指向,
也欢迎大家去看看上一座大山 𡷈𡷈𡷈

闭包,this指向

闭包

闭包函数:声明在一个函数中的函数,叫做闭包函数。
闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。

闭包的几个特点

  1. 让外部访问函数内部变量成为可能;
  2. 局部变量会常驻在内存中;
  3. 可以避免使用全局变量,防止全局变量污染;
  4. 会造成内存泄漏(有一块内存空间被长期占用,而不被释放)

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大调用场景:

  1. 普通函数、
    全局下,普通函数fn1执行,相当于window执行了fn1函数,所以this是window
  2. 对象方法、
    对象方法中的this指向方法的调用者
  3. call apply bind
    call apply bind可以修改this指向 改成第一个参数
    bind第一个参数就是修改this指向 但是需要手动执行
  4. class
    class() es6 this指向实例对象
  5. 箭头函数
    this时刻指向父级的上下文对象, 并且不可被call apply bind修改
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值