<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>this關(guān)鍵字</title>
</head>
<body>
<div id="div1">
有本事點(diǎn)我啊
</div>
<script type="text/javascript">
// 我們?cè)趈s中主要研究的都是函數(shù)中的this
// js 中的 this 代表的是 當(dāng)前行為執(zhí)行的主體; js中的context代表的是當(dāng)前行為執(zhí)行的環(huán)境(區(qū)域)
// 例如: LDH 在沙縣小吃吃蛋炒餅 ; this(LDH) , context(沙縣小吃)
// this 和 context 沒有必然聯(lián)系
// this是誰和函數(shù)在哪定義的和在哪執(zhí)行的都沒有任何的關(guān)系
// function 吃飯() {
// this -> LDH
// }
// LDH.吃飯();
//
// ~function () {
// ldh.吃飯();
// }();
// this是誰和函數(shù)在哪定義的和在哪執(zhí)行的都沒有任何的關(guān)系:如何區(qū)分this呢?
// 1.函數(shù)執(zhí)行,首先看函數(shù)名之前是否有點(diǎn) "." 有的話, "." 前邊是誰,this就是誰;沒有的話this就是Window
// 2.自執(zhí)行函數(shù)中的this永遠(yuǎn)都是window
// 3.給元素的摸一個(gè)時(shí)間綁定方法,當(dāng)事件觸發(fā)的時(shí)候,執(zhí)行對(duì)應(yīng)的方法,方法中的this就是當(dāng)前的元素
// 例1
function fn() {
console.log(this);
}
var obj = {fn:fn};
fn(); // this -> window
obj.fn(); // this -> obj
// 例2
function sum() {
// this -> window
fn(); // this -> window
}
sum();
// 例3
var oo = {
sum: function () {
// this -> oo
fn(); // this -> window
}
};
oo.sum();
// 例4
document.getElementById("div1").onclick = fn(); // this 就是當(dāng)前點(diǎn)擊的這個(gè)元素#div1
document.getElementById("div1").onclick = function () {
// this -> #div1
fn(); // this -> window
}
</script>
</body>
</html>
08-this關(guān)鍵字
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門是牢，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人陕截，你說我怎么就攤上這事驳棱。” “怎么了农曲？”我有些...
- 文/不壞的土叔 我叫張陵社搅，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我乳规，道長(zhǎng)形葬，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任暮的，我火速辦了婚禮笙以，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘冻辩。我一直安慰自己猖腕，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布微猖。 她就那樣靜靜地躺著谈息，像睡著了一般。 火紅的嫁衣襯著肌膚如雪凛剥。 梳的紋絲不亂的頭發(fā)上侠仇，一...
- 文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼桨吊！你這毒婦竟也來了威根？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對(duì)情侶失蹤视乐，失蹤者是張志新（化名）和其女友劉穎洛搀，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體佑淀，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡留美，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了伸刃。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谎砾。...
- 正文 年R本政府宣布症歇，位于F島的核電站，受9級(jí)特大地震影響谭梗，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜宛蚓，卻給世界環(huán)境...
- 文/蒙蒙 一激捏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧凄吏，春花似錦远舅、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至任连，卻和暖如春蚤吹，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓二驰，卻偏偏與公主長(zhǎng)得像扔罪，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子桶雀，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 01構(gòu)造方法引入 02構(gòu)造方法作用 03構(gòu)造方法的定義和運(yùn)行特點(diǎn) 04默認(rèn)添加的構(gòu)造方法 05構(gòu)造方法的調(diào)用賦值 ...
- this關(guān)鍵字 對(duì)象創(chuàng)建的過程和this的本質(zhì) 構(gòu)造方法是創(chuàng)建java對(duì)象的重要途徑矗积，通過new關(guān)鍵字調(diào)用構(gòu)造器時(shí)...
- JAVA 開發(fā)環(huán)境： JDK---Java開發(fā)環(huán)境 JDK中包含JRE JRE---Java的運(yùn)行環(huán)境 JRE...
- 今日內(nèi)容介紹1禁熏、構(gòu)造方法2壤巷、this關(guān)鍵字3、super關(guān)鍵字4瞧毙、綜合案例 第一節(jié)課 01(面向?qū)ο?構(gòu)造方法引入...
