JavaScript中this的指向問題

繼續(xù)說一下面向對象開發(fā)。

下面我簡單說一下this的指向問題
this在js中主要研究的是函數中的this**

console.log(this);  //打印出來的是window

表明崎岂,不代表函數外沒有this 函數外的this=>window

我是一個分割線

js中的this代表的是當前行為執(zhí)行的主體(行為:方法霎褐,事件,函數等)

function eat(){ //這是函數的定義
  this 指向 jam
}
jam.eat();  //執(zhí)行

在js中還有一個概念叫 context(上下文)该镣,代表當前行為執(zhí)行的環(huán)境冻璃。eg:在飯店吃飯
主體:jam this:jam
context:飯店(環(huán)境可以不同 但不影響this的指向)
由此可以得出,this的指向只跟當前執(zhí)行的主體有關系损合,跟行為在哪發(fā)生沒有關系省艳。

行為主體怎么判斷?

函數執(zhí)行首先看函數名有沒有“.”嫁审,有的話看“.”前面是誰跋炕,是誰就指向誰,沒有“.”的話律适,this就指向window辐烂。

1)

function fn(){
  console.log(this);
}
fn(); //window

根據上面的判斷,這個this沒有“.”捂贿,由此可以推斷它是指向window的

var obj = {fn:fn};  //fn的屬性是上面的fn函數
obj.fn(); //會調用上面的函數
//Object

根據判斷纠修,前面有“.”,所以這個this指向的是obj【執(zhí)行前把上面fn()調用的注釋】
2)

function fn(){
  console.log(this);
}
function sum(){
  fn();
}
sum(); //this=>window

this前面沒有“.”厂僧,只是換了個環(huán)境執(zhí)行扣草,所以還是沒有主體,所以是指向window的
3)

function fn(){
  console.log(this);
}
var oo = {
  sum:function(){
    fn();
  }
}
oo.sum();  //this=>window

4)

html:
<button>按鈕</button>
js:
var oBtn = document.getElementsByTagName("button")[0];
oBtn.onclick = function(){
  console.log(this);
} // 點擊按鈕打印出來的是 <button>按鈕</button>

5)

var obj = new Object();
obj.say = function(){
  console.log(this);
}
obj.say(); //Object

通過4)5)可以看出來,函數里面的this指向誰辰妙,只跟函數在運行時前面有沒有“.”鹰祸,有就指向前面的,沒有就指向window

以上是我理解和整理的一些看法和總結密浑,以后還會多多學習蛙婴,謝謝。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末尔破,一起剝皮案震驚了整個濱河市街图,隨后出現的幾起案子,更是在濱河造成了極大的恐慌呆瞻,老刑警劉巖台夺,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異痴脾,居然都是意外死亡颤介,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門赞赖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來滚朵,“玉大人,你說我怎么就攤上這事前域≡” “怎么了?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵匿垄,是天一觀的道長移宅。 經常有香客問我,道長椿疗,這世上最難降的妖魔是什么漏峰? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮届榄,結果婚禮上浅乔,老公的妹妹穿的比我還像新娘。我一直安慰自己铝条,他們只是感情好靖苇,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著班缰,像睡著了一般贤壁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鲁捏,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天芯砸,我揣著相機與錄音萧芙,去河邊找鬼给梅。 笑死假丧,一個胖子當著我的面吹牛,可吹牛的內容都是我干的动羽。 我是一名探鬼主播包帚,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼运吓!你這毒婦竟也來了渴邦?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤拘哨,失蹤者是張志新(化名)和其女友劉穎谋梭,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體倦青,經...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡瓮床,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了产镐。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片隘庄。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖癣亚,靈堂內的尸體忽然破棺而出丑掺,到底是詐尸還是另有隱情,我是刑警寧澤述雾,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布街州,位于F島的核電站,受9級特大地震影響玻孟,放射性物質發(fā)生泄漏唆缴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一取募、第九天 我趴在偏房一處隱蔽的房頂上張望琐谤。 院中可真熱鬧,春花似錦玩敏、人聲如沸斗忌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽织阳。三九已至,卻和暖如春砰粹,著一層夾襖步出監(jiān)牢的瞬間唧躲,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弄痹,地道東北人饭入。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像肛真,于是被迫代替她去往敵國和親谐丢。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內容