目錄
1.this究竟是什么
2.綁定this的方法
3.caller、arguments和callee

1.this究竟是什么

this總是指向一個調(diào)用當前屬性或方法所在的對象，它在不同的運行環(huán)境（屬性和方法的調(diào)用者）指向的環(huán)境（對象）不同，也就是說this的指向是動態(tài)的，但是無論this的指向是誰，只要清楚屬性和方法的調(diào)用者是誰那么this就指向誰。

//在瀏覽器全局環(huán)境下，即window對象下
var print = function(){
      console.log(this)
 }
print()//this指向Window，因為這是Window對象調(diào)用了print方法

//在特定對象的環(huán)境下
var o = {
    print: function(){
      console.log(this)
  }
}
o.print()//this指向o，因為這是o對象調(diào)用print方法

2.綁定this的方法

this的動態(tài)切換，固然為JavaScript創(chuàng)造了巨大的靈活性，但有時，需要把this固定下來，避免出現(xiàn)意想不到的情況。JavaScript提供了call、apply、bind這三個方法，來切換/固定this的指向。

• function.prototype.call()

函數(shù)實例的call方法可以指定函數(shù)內(nèi)部this的指向，即函數(shù)執(zhí)行時所在的作用域

var obj = {};
var fn = function(){
  return this
}
fn()  === this // true
fn.call(obj) === obj // true

fn()執(zhí)行時所在的作用域是全局環(huán)境，所以this是window，而fn.call(obj)則是在對象obj環(huán)境下執(zhí)行的，所以此時的this指向obj。

fn.call(null) === this
fn.call(undefined)  === this
fn.call === this 

call方法內(nèi)部的參數(shù)如果為空、null和undefined，則默認傳入全局對象。

var obj = {};
var add = function(x,y){ 
return x+y
}

add.call(obj,2,3)

call方法還可以接受多個參數(shù)。call的第一個參數(shù)就是this所要指向的那個對象，后面的參數(shù)則是函數(shù)調(diào)用時所需的參數(shù)。

• function.prototype.apply()
  apply方法的作用與call方法類似，也是改變this指向，然后再調(diào)用該函數(shù)。唯一的區(qū)別就是，它接收一個數(shù)組作為函數(shù)執(zhí)行時的參數(shù)。

function fn(x,y){
    return x+y
}

fn.call(null,1,1)//2
fn.apply(null,[1,1])//2

fn函數(shù)本來接受兩個參數(shù)，使用apply方法以后，就變成可以接受一個數(shù)組作為參數(shù)。
【注】
結合apply和數(shù)組，我們可以寫一個小代碼找出數(shù)組最大或最小元素；

var arr = [3,5,7,10,2,8];

//未利用apply方法
var min = arr[0];
for (var i = 0;i<arr.length;i++){
  if(arr[i]< min){
    min = arr[i]
}
}
console.log(min)//2


//使用apply方法
Math.min.apply(null,arr)//2

• function.prototype.bind()
  bind方法用于將函數(shù)體內(nèi)的this綁定到某個對象，然后返回一個新函數(shù)，原理和call方法類似。

3.caller、callee和arguments

• caller
  當函數(shù)outer調(diào)用函數(shù)inner時，被調(diào)用的函數(shù)inner會自動生成一個caller屬性，指向調(diào)用它的函數(shù)對象。
  如果該函數(shù)未被調(diào)用或是不是被其他函數(shù)調(diào)用，則caller為null。

function outer(){
  console.log(outer.caller);
  function inner(){
    console.log(inner.caller);
  };
  inner()
}
outer()
//null
//function outer(){}

• arguments

在函數(shù)被調(diào)用時，會在該函數(shù)內(nèi)部生成一個名為arguments的類數(shù)組的隱藏對象，可以使用[]運算符獲取函數(shù)調(diào)用時傳遞的實參，只有函數(shù)被調(diào)用時，arguments對象才會創(chuàng)建。

function fn(a,b){
  console.log(arguments);
}
fn(1,2)//[1,2]

• callee
  當函數(shù)被調(diào)用時，它的arguments.callee對象就會指向自身,由于arguments在函數(shù)被調(diào)用時才有效，因此arguments.callee在函數(shù)未調(diào)用時是不存在的。

function fn(){
  console.log(arguments.callee());
}
fn()//fn(){}

【注】
本次筆記整理自阮一峰JavaScript標準參考教程和饑人谷筆記