Javascript 表達(dá)式和運算符 - this

(1)總是代表著它的直接調(diào)用者,如obj.fn,fn里的最外層this就是指向obj

(2)默認(rèn)情況下,沒有直接調(diào)用者,this指向window

(3)嚴(yán)格模式下(設(shè)置了'use strict')赃泡,this為undefined

(4)當(dāng)使用call,apply乘盼,bind(ES5新增)綁定的升熊,this指向綁定對象

全局環(huán)境

  1. 在全局環(huán)境下(瀏覽器),即在函數(shù)體外部绸栅,this 都指向全局對象
// 瀏覽器環(huán)境下測試如下:
a = 22
22
window.a
22
this.zs = 'zs'
"zs"
window.zs
"zs"

函數(shù)體內(nèi)部

  1. 在函數(shù)體內(nèi)部级野,在嚴(yán)格模式和非嚴(yán)格模式下,this 代表的不同含義
function f1(){
"use strict"; // 嚴(yán)格模式下
 return this;
}
//在瀏覽器中:
f1() === undefined
輸出:true
function f2(){
return this; // 非嚴(yán)格模式下
}
//在瀏覽器中
f2() === window
輸出:true
------------------------------------------------------------------------------------------------
function zs() {
 "use strict";
  this.a = 1
}
zs()
輸出:VM995:3 Uncaught TypeError: Cannot set property 'a' of undefined粹胯,
即:this沒有執(zhí)行環(huán)境

function zs1() {
  this.a = 1
}
zs1()
window.a
輸出:1
備注:在函數(shù)體內(nèi)使用嚴(yán)格模式蓖柔,this 為undefined, 在非嚴(yán)格模式下,this指向外部window對象(瀏覽器模式下)
  1. 為了將this從一個環(huán)境中轉(zhuǎn)移到另外一個環(huán)境上风纠,call() , apply()况鸣,兩者的作用一樣,只是傳參數(shù)不一樣竹观。
    func1.call(this, arg1, arg2)
    func1.apply(this, [arg1, arg2])
    備注: this 是你想指定的上下文镐捧,他可以任何一個 JavaScript 對象(JavaScript 中一切皆對象),例如下方中的obj1
var obj = {
  a: 1,
  zs: function() { return this.a }
}
var obj1 = {a: 22}
obj.zs.call(obj1) // 將函數(shù)obj.zs()中的this指向了 obj1中
輸出:22
-------------------------------------------------------------------------
function zs (a, b) {
 return a + b
}
function zs1 (a, b) {
  return a - b
}

zs.call(zs1,1,2)
3
zs.apply(zs1, [1,2])
3

對象的方法中 this 指向?qū)ο蟊旧?/p>

let a = 222
let obj = {
  a: 1,
  zs: function () {
    return this.a
  }
}
obj.zs()
1 // obj調(diào)用了zs() 方法臭增,因此this指向了obj愤估,

ES6箭頭函數(shù):箭頭函數(shù)中的this是在定義函數(shù)的時候綁定,而不是在執(zhí)行函數(shù)的時候綁定

var a = 22 // 這邊如果使用  let a = 22 , obj.zs() 輸出 undefined速址,可能是作用域問題
var obj = {
 a: 1,
 zs: () => { console.log(this.a) },
 zs1:function () { console.log(this.a) }
}
obj.zs()  ===>  this指向 Window 對象 ,輸出22
obj.zs1() ===> this指向 obj 對象由驹,  輸出1
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末芍锚,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蔓榄,更是在濱河造成了極大的恐慌并炮,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件甥郑,死亡現(xiàn)場離奇詭異逃魄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)澜搅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門伍俘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來邪锌,“玉大人,你說我怎么就攤上這事癌瘾∶俜幔” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵妨退,是天一觀的道長妇萄。 經(jīng)常有香客問我,道長咬荷,這世上最難降的妖魔是什么冠句? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮幸乒,結(jié)果婚禮上懦底,老公的妹妹穿的比我還像新娘。我一直安慰自己逝变,他們只是感情好基茵,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著壳影,像睡著了一般拱层。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宴咧,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天根灯,我揣著相機(jī)與錄音,去河邊找鬼掺栅。 笑死烙肺,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的氧卧。 我是一名探鬼主播桃笙,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼沙绝!你這毒婦竟也來了搏明?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤闪檬,失蹤者是張志新(化名)和其女友劉穎星著,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粗悯,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡虚循,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片横缔。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡铺遂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剪廉,到底是詐尸還是另有隱情娃循,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布斗蒋,位于F島的核電站捌斧,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏泉沾。R本人自食惡果不足惜捞蚂,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望跷究。 院中可真熱鬧姓迅,春花似錦、人聲如沸俊马。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽柴我。三九已至解寝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間艘儒,已是汗流浹背聋伦。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留界睁,地道東北人觉增。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像翻斟,于是被迫代替她去往敵國和親逾礁。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355