遇到的this问题

var a=11;
function test1(){
  this.a=22;
  let b=function(){
    console.log(this.a);
  };
  b();
}
var x=new test1();
//输出11

为什么会这样输出11呢，

首先我们看new运算符会做哪些：

1. 创建一个新对象；
2. 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；
3. 执行构造函数中的代码（为这个新对象添加属性） ；
4. 返回新对象。

因为上述代码使用new的时候，会执行构造函数内部代码，执行到b()时也就是调用了一个普通函数，非严格模式下普通函数的this指向全局对象，所以这时候就输出了11，下面这样才会输出22：

var a=11;
function test1(){
  this.a=22;
  this.b=function(){
    console.log(this.a);
  };
  this.b();
}
var x=new test1();
//输出22

 

再看下面一个会输出什么呢

var a=11;
function test1(){
  this.a=22;
  this.b=function(){
    console.log(this.a);
  };
  this.b();
}
test1();
console.log(a);

答案是两个22

原因在于执行test1()的时候，相当于：

window.a = 22(由于非strict模式下,this默认指向window)
window.b = function(){console.log(this.a);}

所以后面的a也变成了22了

参考文档：JS中new到底发生了什么