JS 原型鏈(四)-new旨指,this,instanceof喳整,typeof谆构,for...in

JS 原型鏈(四)-new,this框都,instanceof低淡,typeof,for...in

new和this是javascript中非常重要的兩個(gè)關(guān)鍵字瞬项。它們出現(xiàn)在了前面的例子中蔗蹋,這里簡單記錄下對它們的理解。

首先說下new一個(gè)對象的過程:

1.創(chuàng)建一個(gè)新對象囱淋。? ? ? 2.this指向這個(gè)新對象猪杭。? ?3.執(zhí)行代碼,即對this賦值妥衣。? ? 4.返回this

此外皂吮,構(gòu)造函數(shù)就像一個(gè)模板∷笆郑可以new出多個(gè)實(shí)例蜂筹。可以使用instanceof判斷引用類型屬于哪個(gè)構(gòu)造函數(shù)的方法芦倒。一個(gè)函數(shù)是否是一個(gè)變量的構(gòu)造函數(shù)艺挪。f instanceof Foo的判斷邏輯是:f 的__proto__一層一層往上,看能否對應(yīng)到Foo.prototype.再試著判斷f instanceof Object.? ? ?

這里有一個(gè)有趣的地方兵扬, div1 instanceof Function為false麻裳,可是div1 instanceof Object為true。而?Ele instanceof Function為true器钟,同時(shí)Ele instanceof Object為true津坑。因?yàn)檫@里是兩條線。一條線是Function到Object再到null傲霸,一條線是沒有Function,到 Object再到null疆瑰。這個(gè)差異同時(shí)也可以從new一個(gè)對象的過程中可以看出。

typeof 總是習(xí)慣拿來和instanceof來比較昙啄,上面說了instanceof是用來判斷引用類型屬于哪個(gè)構(gòu)造函數(shù)的方法穆役。那在js中,typeof又能夠得到哪些類型呢跟衅?

從上面的截圖中可以看出孵睬,typeof只能準(zhǔn)確辨別出js中的值類型,對于引用類型只能區(qū)別出function伶跷,其他都是oobject掰读∶啬可能因?yàn)閒unction在js中太重要的緣故。

this的指向總是讓人捉摸不透蹈集,這里用一句話概述它最為普遍的指向:通過調(diào)用對象屬性方法來訪問this,t無論這個(gè)方法是自身的一個(gè)屬性還是從原型中得到的一個(gè)屬性,this永遠(yuǎn)指向這個(gè)對象烁试。這個(gè)例子可以從(二)中的例子中看出,多次碰到this.ele都是指一個(gè)元素拢肆,this一直指向div1自身减响。

for...in用來循環(huán)對象自身的屬性。如果要屏蔽來自原型的屬性郭怪,則可以加上f.hasOwnProperty(item)支示。這里注意高級瀏覽器這一步幫我們做了,但是還是建議加上這個(gè)判斷鄙才,保證程序的健壯性颂鸿。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市攒庵,隨后出現(xiàn)的幾起案子嘴纺,更是在濱河造成了極大的恐慌,老刑警劉巖浓冒,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件栽渴,死亡現(xiàn)場離奇詭異,居然都是意外死亡稳懒,警方通過查閱死者的電腦和手機(jī)闲擦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來僚祷,“玉大人佛致,你說我怎么就攤上這事贮缕≌廾眨” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵感昼,是天一觀的道長装哆。 經(jīng)常有香客問我,道長定嗓,這世上最難降的妖魔是什么蜕琴? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮宵溅,結(jié)果婚禮上凌简,老公的妹妹穿的比我還像新娘。我一直安慰自己恃逻,他們只是感情好雏搂,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布藕施。 她就那樣靜靜地躺著,像睡著了一般凸郑。 火紅的嫁衣襯著肌膚如雪裳食。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天芙沥,我揣著相機(jī)與錄音诲祸,去河邊找鬼。 笑死而昨,一個(gè)胖子當(dāng)著我的面吹牛救氯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播歌憨,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼径密,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了躺孝?” 一聲冷哼從身側(cè)響起享扔,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎植袍,沒想到半個(gè)月后惧眠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡于个,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年氛魁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厅篓。...
    茶點(diǎn)故事閱讀 38,617評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡秀存,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出羽氮,到底是詐尸還是另有隱情或链,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布档押,位于F島的核電站澳盐,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏令宿。R本人自食惡果不足惜叼耙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望粒没。 院中可真熱鬧筛婉,春花似錦、人聲如沸癞松。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至匆浙,卻和暖如春安寺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背首尼。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工挑庶, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人软能。 一個(gè)月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓迎捺,卻偏偏與公主長得像,于是被迫代替她去往敵國和親查排。 傳聞我的和親對象是個(gè)殘疾皇子凳枝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評論 2 348

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

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,131評論 0 13
  • ECMAScript關(guān)鍵字 delete do else finally function in instance...
    doudou2閱讀 716評論 0 0
  • 投射:1投射廈門超級好玩和有真姻緣發(fā)生在我身上跋核! 2投射廈門影超多靚相和超級瘦美岖瑰! 3投射去廈門安全順利吃到美味的...
    謝奕鋒閱讀 113評論 0 0
  • 童趣 文/厲雄(西班牙) 披上夏日的風(fēng),坐在時(shí)光里 穿梭砂代,撥開遮蔽的塵灰 拾起遺失在童年里的圓月亮 是一枚圓盤蹋订,淺...
    厲雄閱讀 166評論 0 1
  • 來往于兩城間,少不了在高速路上行駛刻伊,也就見過駕駛員的百態(tài)露戒。占用應(yīng)急車道超車,強(qiáng)行加塞捶箱,只給你留下三點(diǎn)紅光和一陣轟鳴...
    本公子說閱讀 209評論 0 0