顯示廣告
隱藏 ✕
※ 本文為 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 
分享網址: 複製 已複製
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇