13518219792
小編給大家分享一下javascript中 “this”的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、前言：
我們知道 “this” 是javascript語言的一個(gè)關(guān)鍵字，在編寫javascript代碼的時(shí)候，經(jīng)常會(huì)見到或者用到它。
二、This總結(jié)：
This指針作用域：
1）、在全局執(zhí)行環(huán)境中使用this，表示Global對(duì)象，在瀏覽器中就是window對(duì)象。
2）、當(dāng)在函數(shù)執(zhí)行環(huán)境中使用this時(shí)，情況就有些復(fù)雜了。如果函數(shù)沒有明顯的作為非window對(duì)象的屬性，而只是定義了函數(shù)，不管這個(gè)函數(shù)是不是定義在另一個(gè)函數(shù)中，這個(gè)函數(shù)中的this仍然表示window對(duì)象。如果函數(shù)顯示地作為一個(gè)非window對(duì)象的屬性，那么函數(shù)中的this就代表這個(gè)對(duì)象。
3）、當(dāng)通過new運(yùn)算符來調(diào)用函數(shù)時(shí)，函數(shù)被當(dāng)做一個(gè)構(gòu)造函數(shù)，this指向構(gòu)造函數(shù)創(chuàng)建出來的對(duì)象。
三、各種情形下的DEMO：（當(dāng)然，你也可以按照自己的想法來做各種測(cè)試...）
#在全局執(zhí)行環(huán)境中使用this，表示Global對(duì)象，在瀏覽器中就是window對(duì)象
console.log(this); //Window console.log(typeof this); //object console.log(this === window); //true
##在函數(shù)執(zhí)行環(huán)境中使用this時(shí),如果函數(shù)沒有明顯的作為非window對(duì)象的屬性，而只是定義了函數(shù)，不管這個(gè)函數(shù)是不是定義在另一個(gè)函數(shù)中，這個(gè)函數(shù)中的this仍然表示window對(duì)象
function A(){
//在A函數(shù)中定義一個(gè)B函數(shù)
function B(){
console.log(this); //Window
console.log(typeof this); //object
console.log(this === window); //true
}
//在A函數(shù)內(nèi)部調(diào)用B函數(shù)
B();
}
//調(diào)用A函數(shù)
A();###在函數(shù)執(zhí)行環(huán)境中使用this時(shí),如果函數(shù)顯式地作為一個(gè)非window對(duì)象的屬性，那么函數(shù)中的this就代表這個(gè)對(duì)象
//定義一個(gè)對(duì)象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); //敲代碼的怪蜀黍
}
};
//調(diào)用obj對(duì)象的方法
obj.objFun(); //this 綁定到當(dāng)前對(duì)象，也就是obj對(duì)象把上面的代碼稍微改一下：
//定義一個(gè)對(duì)象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();這時(shí)候，你會(huì)神奇的發(fā)現(xiàn)，上面例子中的 this 又等于 window 了，到底是什么原因?qū)е碌哪兀肯旅嫖覀儊矸治龇治觯?/p>
我們首先要知道 “函數(shù)內(nèi)部this的值不是靜態(tài)的”，每次你調(diào)用一個(gè)函數(shù)它總是重新求值（但這一過程發(fā)生在函數(shù)代碼實(shí)際執(zhí)行之前），函數(shù)內(nèi)部的this值實(shí)際上是由函數(shù)被調(diào)用的父作用域提供，更重要的是，她依賴實(shí)際函數(shù)的語法。
當(dāng)函數(shù)被調(diào)用時(shí)，我們看緊鄰括號(hào)“()”的左邊。如果在括號(hào)的左側(cè)存在一個(gè)引用，傳遞給調(diào)用函數(shù)的“this”值是引用所屬于的那個(gè)對(duì)象，否則this的值就是全局對(duì)象。
我們?cè)俳又纯瓷厦娴睦樱皏ar test = obj.objFun;” 這里表示沒有調(diào)用函數(shù)，不用管。“test();”這里調(diào)用了函數(shù)，我們發(fā)現(xiàn)在括號(hào)“()”的左側(cè)是一個(gè)變量test，test不是一個(gè)對(duì)象的引用，所以this的值就是全局對(duì)象。接下來，為了更深刻的理解上面的原理，我們來個(gè)更為復(fù)雜點(diǎn)的例子：
var name = 'window在手，天下我有！';
var obj = {
name: '敲代碼的怪蜀黍',
objBar: {
name: 'BOBO',
barFun: function(){
console.log(this.name);
}
}
};
//()左側(cè)是barFun引用，它指向objBar對(duì)象，所以打印出 “BOBO”
var test1 = obj.objBar.barFun(); //BOBO
//()左側(cè)是test2，test2它并不是某個(gè)對(duì)象的引用，所以打印出 “window在手，天下我有！”
var test2 = obj.objBar.barFun;
test2(); //window在手，天下我有！
//下面這個(gè)看起來復(fù)雜，其實(shí)抓住一點(diǎn)就行了：()左側(cè)是testBar，testBar并不屬于某個(gè)對(duì)象的引用，當(dāng)然打印出來的還是 “window在手，天下我有！”
var test3 = obj.objBar;
var testBar = test3.barFun;
testBar(); //window在手，天下我有！####當(dāng)通過new運(yùn)算符來調(diào)用函數(shù)時(shí)，函數(shù)被當(dāng)做一個(gè)構(gòu)造函數(shù)，this指向構(gòu)造函數(shù)創(chuàng)建出來的對(duì)象
var name = 'window在手，天下我有！';
function A(){
console.log(this.name);
}
A(); //window在手，天下我有！
var objA = new A(); //undefined （因?yàn)閛bjA并沒有name屬性）以上是“javascript中 “this”的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
