小編給大家分享一下javascript中 “this”的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比定結網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式定結網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋定結地區(qū)。費用合理售后完善，十載實體公司更值得信賴。

一、前言：

我們知道 “this” 是javascript語言的一個關鍵字，在編寫javascript代碼的時候，經(jīng)常會見到或者用到它。

二、This總結：

This指針作用域：

1）、在全局執(zhí)行環(huán)境中使用this，表示Global對象，在瀏覽器中就是window對象。

2）、當在函數(shù)執(zhí)行環(huán)境中使用this時，情況就有些復雜了。如果函數(shù)沒有明顯的作為非window對象的屬性，而只是定義了函數(shù)，不管這個函數(shù)是不是定義在另一個函數(shù)中，這個函數(shù)中的this仍然表示window對象。如果函數(shù)顯示地作為一個非window對象的屬性，那么函數(shù)中的this就代表這個對象。

3）、當通過new運算符來調用函數(shù)時，函數(shù)被當做一個構造函數(shù)，this指向構造函數(shù)創(chuàng)建出來的對象。

三、各種情形下的DEMO：（當然，你也可以按照自己的想法來做各種測試...）

#在全局執(zhí)行環(huán)境中使用this，表示Global對象，在瀏覽器中就是window對象

console.log(this); //Window
console.log(typeof this); //object
console.log(this === window); //true

##在函數(shù)執(zhí)行環(huán)境中使用this時,如果函數(shù)沒有明顯的作為非window對象的屬性，而只是定義了函數(shù)，不管這個函數(shù)是不是定義在另一個函數(shù)中，這個函數(shù)中的this仍然表示window對象

function A(){
 //在A函數(shù)中定義一個B函數(shù)
 function B(){
  console.log(this); //Window
  console.log(typeof this); //object
  console.log(this === window); //true
 }
 //在A函數(shù)內部調用B函數(shù)
 B();
}
//調用A函數(shù)
A();

###在函數(shù)執(zhí)行環(huán)境中使用this時,如果函數(shù)顯式地作為一個非window對象的屬性，那么函數(shù)中的this就代表這個對象

//定義一個對象obj，并為她添加屬性name，添加方法objFun
var obj = {
 name: '敲代碼的怪蜀黍',
 objFun: function(){
  console.log(this); // Object {name: "敲代碼的怪蜀黍"}
  console.log(typeof this); //object
  console.log(this === window); //false
  console.log(this.name); //敲代碼的怪蜀黍
 }
}; 
//調用obj對象的方法
obj.objFun(); //this 綁定到當前對象，也就是obj對象

把上面的代碼稍微改一下：

//定義一個對象obj，并為她添加屬性name，添加方法objFun
var obj = {
 name: '敲代碼的怪蜀黍',
 objFun: function(){
  console.log(this); //window
  console.log(typeof this); //object
  console.log(this === window); //true
  console.log('為了看效果而.'+this.name+'.已'); //為了看效果而..已
 }
};
var test = obj.objFun;
test();

這時候，你會神奇的發(fā)現(xiàn)，上面例子中的 this 又等于 window 了，到底是什么原因導致的呢？下面我們來分析分析：

我們首先要知道 “函數(shù)內部this的值不是靜態(tài)的”，每次你調用一個函數(shù)它總是重新求值（但這一過程發(fā)生在函數(shù)代碼實際執(zhí)行之前），函數(shù)內部的this值實際上是由函數(shù)被調用的父作用域提供，更重要的是，她依賴實際函數(shù)的語法。

當函數(shù)被調用時，我們看緊鄰括號“()”的左邊。如果在括號的左側存在一個引用，傳遞給調用函數(shù)的“this”值是引用所屬于的那個對象，否則this的值就是全局對象。

我們再接著看看上面的例子，“var test = obj.objFun;” 這里表示沒有調用函數(shù)，不用管?！皌est();”這里調用了函數(shù)，我們發(fā)現(xiàn)在括號“()”的左側是一個變量test，test不是一個對象的引用，所以this的值就是全局對象。接下來，為了更深刻的理解上面的原理，我們來個更為復雜點的例子：

var name = 'window在手，天下我有！';
var obj = {
 name: '敲代碼的怪蜀黍',
 objBar: {
  name: 'BOBO',
  barFun: function(){
   console.log(this.name);
  }
 }
};
//()左側是barFun引用，它指向objBar對象，所以打印出 “BOBO”
var test1 = obj.objBar.barFun(); //BOBO
//()左側是test2，test2它并不是某個對象的引用，所以打印出 “window在手，天下我有！”
var test2 = obj.objBar.barFun;
test2(); //window在手，天下我有！
//下面這個看起來復雜，其實抓住一點就行了：()左側是testBar，testBar并不屬于某個對象的引用，當然打印出來的還是 “window在手，天下我有！”
var test3 = obj.objBar;
var testBar = test3.barFun;
testBar(); //window在手，天下我有！

####當通過new運算符來調用函數(shù)時，函數(shù)被當做一個構造函數(shù)，this指向構造函數(shù)創(chuàng)建出來的對象

var name = 'window在手，天下我有！';
function A(){
 console.log(this.name);
}
A(); //window在手，天下我有！ 
var objA = new A(); //undefined （因為objA并沒有name屬性）

以上是“javascript中 “this”的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)網(wǎng)站建設公司行業(yè)資訊頻道！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前名稱：javascript中“this”的示例分析-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/pcsgh.html