this并非指向自身-大神绕道

Posted this_trend

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了this并非指向自身-大神绕道相关的知识,希望对你有一定的参考价值。

先上代码:

function foo(num){
  console.log("foo:"+num);
  this.count++;
}

foo.count=0;

var i;

for(i=0;i<10;i++){

  if(i<5){

    foo(i);

  }

}

输出 6.7.8.9

console.log(foo.count);//0   what??

this并没有指向函数本身,foo被调用了4次 但是输出都是0;
foo.count实际上是在foo上添加了名为count的属性, 但是其实在全局创建了一个count 且值为NaN,

NaN-----------------------undefined++

以上是关于this并非指向自身-大神绕道的主要内容,如果未能解决你的问题,请参考以下文章

有没有前端的大神解释一下原理?

C#回调函数的简单讲解与应用例子(最简单讲解,大神绕道)

javascript 跟Aaron大神学习jquery源码笔记

借大神之洪荒,完自身之梦想

JavaScript 求大神解释下这段防抖函数代码,最好详细越好

前端——浅析vue中this指向问题