js中this的指向

关于this的指向问题

普通函数中this永远指向函数运行时所在的对象，也就是说this指向的是最终调用它的对象

下面为具体情况：

1.通过函数名直接调用的，this指向window

function a(){
    var user = "johnny";
    console.log(this.user); //undefined
    console.log(this); //Window
}
a();

2.通过对象调用的，this指向最终调用它的对象

var name = "pharaoh"

var obj = {
    name:"johnny",
    getName:function(){
        console.log(this.name);
    }
}

window.obj.getName();//johnny

如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象,注意此处，最终调用的还是函数的还是obj对象，所以输出johnny

这里还有一种特殊情况，

var o = {
    a:10,
    b:{
        a:12,
        fn:function(){
            console.log(this.a); //undefined
            console.log(this); //window
        }
    }
}
var j = o.b.fn;
j();

这里this指向的是window，因为this指向的是最终调用它的对象，j是属于window的

3.函数作为构造函数，用new关键字调用时：this指向新new出的对象

function Fn(){
    this.user = "johnny";
}
var a = new Fn();
console.log(a.user); //johnny

这里之所以对象a可以点出函数Fn里面的user是因为new关键字改变了this的指向，相当于把Fn对象复制了一份给了a，因此a能点出user

 

4.一些有意思的代码

function a(xx){
    this.x=xx;
    return this
};
var x=a(5);
var y=a(6);
console.log(x.x);
console.log(y.x);
//输入undefined  6
//var x=a(5);此时 x=window,y=undefined
//var y=a(6);此时 x=6,y=window（调用a函数时this指向window，所以window.x=6,return window,所以y=window）
//console.log(x.x);//实际是6.x，就是undefined
//console.log(y.x);//实际是window.x，就是6;

var length = 10;
function fn() {
    alert(this.length);
}
 
var obj = {
  length: 5,
  method: function(fnn) {
	  
    fnn();
  }
};
	
obj.method(fn) //输出10