javascript 中 this究竟指向的谁

简单的总结一下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那里去找了app

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指向的是obj2this

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

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

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。对象

闭包就是可以读取其余函数内部变量的函数。get

相关文章
相关标签/搜索