简单的总结一下js 中this的几种指向

   var name = 'Jansen';
   console.log(this.name); //Jansen

这个不用说,直接在最外面引用this,this直接指向的是window对象,js中声明的全局变量都会挂载到window上。

var name = 'Jansen';
function getName(){
    console.log(this.name);
}
getName();

这个其实也是一样的,调用了函数,依然去找this.name属性,跑到了window那里去找了

var obj1 = {
    name:'test',
    myFun:function(){
        console.log(this.name);
    }
}
obj1.myFun();//test

这里的this,直接指向obj1这个对象

var name = 'Jansen';
function getName(name){
    this.name = name;
    console.log(this.name);
}
var obj2 = new getName('ops');
obj2.name // ops

这里的this通过new创建的对象,this指向的是obj2

var name = 'Jansen';
var obj3={
name:'test'
}
function getName(){
console.log(this.name)
}
getName.apply(obj3)

这里通过apply的方式把this的指向从window换给了obj3

var name = "Window";
  var object = {
    name : "object",
    getName : function(){
        console.log(this.name);
      function backFn(){
        console.log(this.name);
      };
      return backFn;
    }
  };

这里的第一块的this就是指向的object,但是存在了一个闭包的概念,所以backFn里的this,通过return重新挂回了window。

闭包就是能够读取其他函数内部变量的函数。


jansen
130 声望16 粉丝

学习不能止步,学习就是兴趣!终生学习是目标