super關(guān)鍵字

我們知道,this關(guān)鍵字總是指向函數(shù)所在的當(dāng)前對象遥赚,ES6 又新增了另一個類似的關(guān)鍵字super羽莺,指向當(dāng)前對象的原型對象

const proto = {
  foo: 'hello'
};

const obj = {
  foo: 'world',
  find() {
    return super.foo;
  }
};

Object.setPrototypeOf(obj, proto);
obj.find() // "hello"

上面代碼中捞慌,對象obj.find()方法之中,通過super.foo引用了原型對象proto的foo屬性铡恕。

注意,super關(guān)鍵字表示原型對象時,只能用在對象的方法之中问慎,用在其他地方都會報錯。


// 報錯
const obj = {
  foo: super.foo
}

// 報錯
const obj = {
  foo: () => super.foo
}

// 報錯
const obj = {
  foo: function () {
    return super.foo
  }
}

上面三種super的用法都會報錯挤茄,因為對于 JavaScript 引擎來說如叼,這里的super都沒有用在對象的方法之中。第一種寫法是super用在屬性里面穷劈,第二種和第三種寫法是super用在一個函數(shù)里面笼恰,然后賦值給foo屬性。目前歇终,只有對象方法的簡寫法可以讓 JavaScript 引擎確認社证,定義的是對象的方法。

JavaScript 引擎內(nèi)部评凝,super.foo等同于Object.getPrototypeOf(this).foo(屬性)或Object.getPrototypeOf(this).foo.call(this)(方法)追葡。

const proto = {
  x: 'hello',
  foo() {
    console.log(this.x);
  },
};

const obj = {
  x: 'world',
  foo() {
    super.foo();
  }
}

Object.setPrototypeOf(obj, proto);

obj.foo() // "world"

上面代碼中,super.foo指向原型對象proto的foo方法,但是綁定的this卻還是當(dāng)前對象obj宜肉,因此輸出的就是world匀钧。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市谬返,隨后出現(xiàn)的幾起案子之斯,更是在濱河造成了極大的恐慌,老刑警劉巖朱浴,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吊圾,死亡現(xiàn)場離奇詭異,居然都是意外死亡翰蠢,警方通過查閱死者的電腦和手機项乒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來梁沧,“玉大人檀何,你說我怎么就攤上這事⊥⒅В” “怎么了频鉴?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長恋拍。 經(jīng)常有香客問我垛孔,道長,這世上最難降的妖魔是什么施敢? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任周荐,我火速辦了婚禮,結(jié)果婚禮上僵娃,老公的妹妹穿的比我還像新娘概作。我一直安慰自己,他們只是感情好默怨,可當(dāng)我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布讯榕。 她就那樣靜靜地躺著,像睡著了一般匙睹。 火紅的嫁衣襯著肌膚如雪愚屁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天痕檬,我揣著相機與錄音集绰,去河邊找鬼。 笑死谆棺,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播改淑,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼碍岔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了朵夏?” 一聲冷哼從身側(cè)響起蔼啦,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎仰猖,沒想到半個月后捏肢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡饥侵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年鸵赫,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躏升。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡辩棒,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出膨疏,到底是詐尸還是另有隱情一睁,我是刑警寧澤,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布佃却,位于F島的核電站者吁,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏饲帅。R本人自食惡果不足惜复凳,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望洒闸。 院中可真熱鬧染坯,春花似錦、人聲如沸丘逸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽深纲。三九已至仲锄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間湃鹊,已是汗流浹背儒喊。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留币呵,地道東北人怀愧。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓侨颈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親芯义。 傳聞我的和親對象是個殘疾皇子哈垢,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容