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那边去找了

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
    原文地址: https://segmentfault.com/a/1190000007840032
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞