顯示廣告
隱藏 ✕
※ 本文為 dinos 轉寄自 ptt.cc 更新時間: 2016-05-11 15:32:46
看板 Ajax
作者 mrbigmouth (大嘴先生)
標題 Re: [問題] 有辦法印出this的內容嗎?
時間 Tue May 10 11:47:32 2016


: 想在問各位 在xul內 <window onload="new Temp()">
: 接著
: function Temp() {
:     myFunc.call(this);
: }
: 這樣在myFunc裡面的this...就會是一個空物件@@?



: ※ 編輯: aa06697 (111.255.236.81), 05/08/2016 16:21:52
:
: 還有...關於所謂的「空物件」 到底是指什麼呀?
: http://stackoverflow.com/questions/1646698/what-is-the-new-keyword-in-javascript
: 他中間有給一段example 在obj1 = new ObjMaker();
: 他是說A new, empty object was created called obj1
: 所以一開始創建出來的那個空物件 其實是 obj1 = {} ?
: 那直接new ObjMaker() 出來的空物件 又是什麼囧
: ※ 編輯: aa06697 (111.255.236.81), 05/08/2016 16:39:35

你一直搞混了整件事的先後順序,

首先,「在幾乎所有語言中」,
等號指定式,也就是'xxx = ooo;'這種語法在執行時,
一定是ooo先執行完畢,才會執行等號,將結果回傳給等號前的變數。
比如a = 1 + 1,先執行1+1,才會把2這個結果丟給a,這很好理解吧?

另外JavaScript有一個特性叫hoisting,

它會自動把程式內所有的宣告變數動作提升到整個scope的最前面,
因此
var obj1 = new ObjMaker();
在執行時會自動變成
var obj1;
obj1 = new ObjMaker();

這裡的執行先後順序可以分解如下
var obj1;  //自動指派undefined給obj1
new ObjMaker(); //執行ObjMaker並取得回傳值
obj1 = //將new ObjMaker()的回傳值指派給obj1

接下來是new關鍵字的機制,
javascript的this會隨著當前scope的執行環境而變動,
當你使用new關鍵字在function執行之前時,
系統會自動生成一個空物件,也就是一個{},
然後將該空物件指派給該function的this。

你應該要知道的是,在該function剛開始執行的時候,
唯一能指向該空物件的只有該function內的this變數,

此時obj1 = new ObjMaker()的=還沒被執行到,因此obj1只可能是undefined。


當該function的執行完畢之後,
系統會檢查該function的回傳值(return),
如果該return值並非物件型態(陣列、function都算是物件的一種),
就會將當初自動生成的空物件(這時候很可能已經不空了)當作回傳值。
也就是說,你看到的一般建構式最後面其實都省略了return this這行程式。

好,最後,假設一切都沒有意外,那個空物件{}最終被指派給了obj1,
那麼沒錯,「在一切執行完畢之後」,
obj1會等於ObjMaker被執行時所產生出來的空物件this。


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.75.132.13
※ 文章代碼(AID): #1NCLdMTF (Ajax)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1462852054.A.74F.html
※ 編輯: mrbigmouth (211.75.132.13), 05/10/2016 11:51:29
※ 編輯: mrbigmouth (211.75.132.13), 05/10/2016 11:51:51
weiclin: 推詳細解說1F 05/10 12:16
aa06697: 感恩感恩2F 05/11 00:21
pttnews: 大師大恩~感恩感恩3F 05/11 13:22

--
※ 看板: dinos 文章推薦值: 0 目前人氣: 0 累積人氣: 530 
作者 mrbigmouth 的最新發文:
  • +71 [F/GO][情報] 自己開發的戰鬥模擬器 - TypeMoon 板
    作者: 1.164.69.47 (台灣) 2017-05-29 17:11:53
    網址: 原始碼: Bug回報區: 資料來源: 我是臺版才入坑的, 玩了這段時間後深深感到FGO戰鬥數據的各種不直覺, (我說那個傷害公式一開始先把面板ATK先乘上0.23是怎麼回事!) 總是在出牌的時 …
    93F 71推
  • +31 [問題] 教你學程式設計的遊戲 - C_Chat 板
    作者: 211.75.132.13 (台灣) 2016-10-20 11:53:04
    想了很久不知道該去哪個板發問, 但算是跟本板扯上一點關係而且又高人氣,所以在這邊求助了。 m(_ _)m 最近需要寫一個「讓不懂程式的人也能輕鬆寫程式」的程式, 但在介面設計上遇到難題,難以做到「有足 …
    52F 31推
  • Re: [問題] javascript 函數的提升 - Ajax 板
    作者: 211.75.132.13 (台灣) 2016-05-12 16:37:16
    兩個問題其實是一個解答, function two() { } 這種直接以function開頭的宣告語法是一個包含了「宣告」與「定義」的動作: 「宣告一個名稱為two的function並定義其內容」 …
  • +3 Re: [問題] 有辦法印出this的內容嗎? - Ajax 板
    作者: 211.75.132.13 (台灣) 2016-05-10 11:47:32
    對 : 你一直搞混了整件事的先後順序, 首先,「在幾乎所有語言中」, 等號指定式,也就是'xxx = ooo;'這種語法在執行時, 一定是ooo先執行完畢,才會執行等號,將結果回傳 …
    3F 3推
  • +7 [問卦] 有沒有炸蝦都不炸蝦的八卦? - Gossiping 板
    作者: 1.164.56.34 (台灣) 2014-09-13 19:55:16
    前幾天逛夜市看到有人賣炸蝦, 外面裹了一層厚厚的麵粉,用叉子從蝦子尾部叉進去豎起來賣的那種。 看它擺出來的炸蝦真的是又粗又長,看起來就很好吃的樣子, 雖然有點小貴但還是買下來嘗鮮, 但第一口咬下去感覺 …
    13F 7推
點此顯示更多發文記錄
分享網址: 複製 已複製
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇