javascript中的this指向是在函式呼叫時確定的。

（1）、this指向全域性物件window的情況

1、全域性作用域中或普通函式中

//全域性作用域
console.log(this); //非嚴格模式window，嚴格模式undefined

//普通函式
function bar(){
    console.log(this); //非嚴格模式window，嚴格模式undefined
}
bar(); //相當於bar.call(window)

2、 匿名函式和自執行函式

匿名函式的執行環境具有全域性性，因此其this物件指向window，閉包中this指向window，可以將全域性變數常駐記憶體。（javascript高階程式設計第2版148頁）

//自執行函式
(function(){
    console.log(this); //window
})();

var name = "the window";
var object = {
    name:"My Object",
    getNameFunc:function(){
        return function(){ //這裡形成一個閉包
            return this.name;  //this指向window
        }
    }
};
console.log(object.getNameFunc()());  //輸出the window

3、巢狀函式和回撥函式中
和變數不同，關鍵字this沒有作用域的限制，巢狀的函式不會從呼叫它的函式中繼承this；如果巢狀函式作為方法呼叫，其this的值指向呼叫它的物件；如果巢狀函式作為函式呼叫，其this值是全域性物件（非嚴格模式）或undefined（嚴格模式下）。呼叫巢狀函式時this並不是指向呼叫外層函式的上下文。

var o={
       m:function(){
            var self=this;  //將this儲存到變數self中
            console.log(this);  //this指向呼叫它的物件o
            f();
            function f(){   //定義一個巢狀函式f
                console.log(this); //非嚴格模式下，this指向window
                console.log(self); //self儲存的是外層函式的this
 

                }
            }
        };
o.m();

（2）、函式作為物件的方法呼叫，this指向那個物件

var obj = {
    name:"123",
    getName:function(){
        console.log(this);//this指向obj
        console.log(this.name); //輸出123
    }
};
obj.getName(); //相當於obj.getName.call(obj)

（3）、建構函式呼叫
1、若建構函式無return或return 一個原始值或null（即數字、字串、布林、undefined、null），this指向new出來的那個物件，返回值型別，有原型方法；

//無返回值的建構函式
function Super1(a){
        this.a = a; 
        //return 123; //返回原始值或null有同樣的效果
}
//定義兩個原型方法
Super1.prototype.sayHello=function(){
        console.log("Hello");
};
Super1.prototype.age = 18;

var newsup1 = new Super1(1);//例項化物件
console.log(newsup1); // Super1 { a=1,  age=18,  sayHello=function()}
console.log(newsup1.a); //1
console.log(newsup1.age); //18
newsup1.sayHello(); //Hello

2、若建構函式return 一個引用型別（即陣列、函式、物件），this指向返回的那個引用型別，返回引用型別，沒有原型方法；

//返回值為引用型別的建構函式
function Super2(a){
        this.a = a; 
        return {a:2}; //返回原始值或null有同樣的效果
}
//定義兩個原型方法，在這裡沒有用
Super2.prototype.sayHello=function(){
        console.log("Hello");
};
Super2.prototype.age = 18;

var newsup2 = new Super2(1);//例項化物件
console.log(newsup2); //  Object { a=2}
console.log(newsup2.a); //2
console.log(newsup2.age); //undefined
newsup2.sayHello(); //出錯，TypeError: newsup2.sayHello is not a function

（4）、事件中this指向
W3C事件處理程式中，this指向觸發這個事件的物件；但IE中，attachEvent中的this總是指向全域性物件window，這是兩者的主要區別。

（5）、綜合應用

第一個例子

var o={
   a:10,
    b:{
        a:12,
        fn:function(){
            console.log(this);
            console.log(this.a);
        }
    }
};
//(1)
o.b.fn(); //輸出b和12

//(2)
var j=o.b.fn;
j(); //輸出window和undefined

//(3)
var j=o.b;
j.fn(); //輸出b和12

上例中（1）相當於o.b.fn.call(b)，this永遠指向的是最後呼叫它的物件，所以this指向b；
上例（2）相當於j.call(window)，this指向window；
上例（3）相當於j.fn.call(j)，實則j.fn.call(o.b)，this指向最後呼叫它的物件b。

第2個例子

var name = "222";
var a={
    name:"111",
    say:function(){
        console.log(this.name);//這個this指向物件a
        return function(){
            console.log(this.name);//這個this指向window
        };
    }
}
var fun = a.say;
fun(); //222，相當於fun.call(window)
a.say();//111，a.say.call(a);
a.say()(); //111,222
var b={
    name:"333",
    say:function(fun){
        fun();//巢狀函式裡的this指向window
    }
};
b.say(a.say);//222，因為巢狀函式裡的this指向window
b.say=a.say;//b.say和a.say指向同一個函式
b.say();//333

（5）關於建構函式的new
new的過程
1、建立一個新物件；
2、將建構函式的作用域賦給新物件，即this指向新物件，同時繼承該建構函式的原型；
3、執行建構函式中的程式碼、屬性和方法新增到this指向的新物件中；
4、返回新建立的物件
（6）、ES6中箭頭函式的指向
箭頭函式沒有自己的this，它的this是繼承而來的，預設指向是在定義它時所處的物件（宿主物件）而不是執行時的物件，定義它時可能環境是window；
箭頭函式可以方便地讓我們在setTimeout,setInterval中方便的使用this；
箭頭函式中的this是固定的，會繫結定義時所在的作用域，而不是指向執行時所在的作用域；

普通函式和箭頭函式比較

普通函式

 function foo1(){
    var that = this;//將this存放在變數that中
    setTimeout(function(){
        console.log(this); //回撥函式中的this指向window，輸出window
        console.log(this.b);//undefined
        console.log(that);//obj1
        console.log(that.b); //2
    },1000);
}
var obj1={
    b:2
};
foo1.call(obj1);

箭頭函式

function foo2(){
    var that = this;
    setTimeout(()=>{
        console.log(this); //obj2,這個this指向函式定義時所在的物件
        console.log(this.b); //2
    },1000);
}
var obj2={
    b:2
};
foo2.call(obj2);

箭頭函式的注意事項：

• 函式體內的this物件，就是定義時所在的物件，而不是使用時所在的物件；
• 不可以當作建構函式，也就是說，不可以使用new命令，否則會丟擲錯誤；
• 不可以使用arguments物件，該物件在函式體內不存在，若要用，可以用Rest引數代替；
• 不可以使用yield命令，因此箭頭函式不能用作Generator函式。