在具體的實(shí)際應(yīng)用中，this 的指向無(wú)法在函數(shù)定義時(shí)確定，而是在函數(shù)執(zhí)行的時(shí)候才確定的，根據(jù)執(zhí)行時(shí)的環(huán)境大致可以分為以下3種：

1、當(dāng)函數(shù)作為普通函數(shù)調(diào)用時(shí)，this 指向全局對(duì)象

2、當(dāng)函數(shù)作為對(duì)象的方法調(diào)用時(shí)，this 指向該對(duì)象

3、當(dāng)函數(shù)作為構(gòu)造器調(diào)用時(shí)，this 指向新創(chuàng)建的對(duì)象

示例一：

window.name = 'myname';function getName() {  console.log(this.name);}getName(); //輸出myname

示例二：

var boy = {  name: 'Bob',  getName: function() {    console.log(this.name);  }}boy.getName(); //輸出Bob

示例三：

function Boy(name) {  this.name = name;}var boy1 = new Boy('Bob');console.log(boy1.name); //輸出Bob

對(duì)于示例三，還有一種特殊情況，就是當(dāng)構(gòu)造函數(shù)通過(guò) "return" 返回的是一個(gè)對(duì)象的時(shí)候，此次運(yùn)算的最終結(jié)果返回的就是這個(gè)對(duì)象，而不是新創(chuàng)建的對(duì)象，因此 this 在這種情況下并沒(méi)有什么用。

示例四：

function Boy(name) {  this.name = name;  return { //返回一個(gè)對(duì)象    name: 'Jack'  }}var boy1 = new Boy('Bob');console.log(boy1.name); //輸出Jack

示例五：

function Boy(name) {  this.name = name;  return 1; //返回非對(duì)象}var boy1 = new Boy('Bob');console.log(boy1.name); //輸出Bob

call 和 apply 的作用

apply 接受兩個(gè)參數(shù)，第一個(gè)參數(shù)指定了函數(shù)體內(nèi) this 的指向，第二個(gè)參數(shù)是一個(gè)數(shù)組或類數(shù)組，用于傳遞被調(diào)用函數(shù)的參數(shù)列表。

示例一：

function getInfo() {  console.log(this.name+' like '+arguments[0]+' and '+arguments[1]);}var boy1 = {  name: 'Bob',  age: 12}getInfo.apply(boy1,['sing','swimming']); //輸出Bob like sing and swimming

call 傳入?yún)?shù)的數(shù)量是不固定的，跟 apply 相同的是，第一個(gè)參數(shù)也是用于指定函數(shù)體內(nèi) this 的指向，從第二個(gè)參數(shù)開(kāi)始往后，每個(gè)參數(shù)被依次傳入被調(diào)用函數(shù)。

示例二：

function getInfo() {  console.log(this.name+' like '+arguments[0]+' and '+arguments[1]);}var boy1 = {  name: 'Bob',  age: 12}getInfo.call(boy1,'sing','shopping'); //輸出Bob like sing and shopping

此外，大部分高級(jí)瀏覽器還實(shí)現(xiàn)了 bind 方法，它與 call 和 apply 的區(qū)別在于 bind 只是改變函數(shù)內(nèi)部 this 的指向，但不會(huì)立即執(zhí)行，你需要顯示調(diào)用它。

示例三：模擬瀏覽器的 bind 方法

Function.prototype.bind = function(obj){  var self = this;  return function(){    return self.apply(obj,arguments);  }};var obj = {  name: 'Bob',  age: 12};var func = function(){  console.log(this.name+' like '+arguments[0]+' and '+arguments[1]);}.bind(obj);func('sing','shopping');