原来Nodejs中的this问题还能如此解决

38 篇文章 1 订阅
7 篇文章 0 订阅

有时候,我们逻辑上感觉没问题,可是偏偏this点出来的值就是undefined。很多人因此而头疼,于是开始各种调试找原因。下面我用一个简单的例子带大家了解一下。

实例:

function Test() {
      this.num = 100;
 
     this.func = function(){
          console.log(this.num); // 100
          setTimeout(function(){
              console.log(this.num); // undefined
          }, 500);
      };
 }
 var obj = new Test();
 obj.func();

以上代码运行结果是100和undefined.

为什么?(敲黑板,认真看啦)
因为方法里调用了setTimeout函数,该函数500毫秒后调用我们定义的函数时,实际上是window对象调用的,所以这时匿名函数的this是指向window而不是指向obj了,所以下面那个值自然就不见了。

针对这种情况,我们有两种方案可以应付:
第一种方案:
把this对象复制到临时变量that

function Test() {
	var that=this;
      that.num = 100;
     that.func = function(){
          console.log(that.num); // 100
          setTimeout(function(){
              console.log(that.num); // 100
          }, 500);
      };
 }
 var obj = new Test();
 obj.func();

第二种方案:
箭头函数

注意:箭头函数除了传入的参数之外,其它的对象都没有!在箭头函数引用了this、arguments或者参数之外的变量,那它们一定不是箭头函数本身包含的,而是从父级作用域继承的。

  function Test() {
      this.num = 100;
  
      this.func = function(){
          console.log(this.num); // 100
          setTimeout(() => {
              console.log(this.num); // 100
          }, 500);
      };
 }
 
 var obj = new Test();
 obj.func();

两种方案的运行结果一致:(建议用第一种)

每天进步一点点,开心也多一点点

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

white_poland

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值