看板 Ajax 關於我們 聯絡資訊
小弟最近在自學js 之前有學過java(oop觀念應該還算可以) 花了好幾天才「好像」懂javascript的this跟prototype 想說用文字把想法寫下來 結果卡住了T_T 看來我還是不懂 上來請教各位 http://imgur.com/ylBcdX6 想問不知道我這樣對於prototype繼承的想法有錯嗎? 還有就是最後的this.... funcB.call(funcC.prototype) 所以this不是應該要是指向funcC.prototype嗎? 實際把funcC.prototype.var2跟var3 印出來確實是10,100 那為什麼temp.var2, temp.var3 甚至temp.var1 也都可以印出值呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.255.233.112 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1459961075.A.1D5.html
jackblack: (3) <- 怪怪的,要先弄清楚 call 和 apply 的意思 04/07 00:52
大大你的意思是說這邊不會是call這個方法嗎? 我是看這邊看到的http://www.codedata.com.tw/javascript/essential-javascript-15-prototype/ 喔乾我現在才發現他是說模擬 所以根本就不會是呼叫call嗎lol....
jackblack: function 的 prototype 不是在 new 的時候建立的 04/07 00:54
jackblack: 而是在你定義 funcB.prototype = new funcA(); 時建立 04/07 00:55
jackblack: new 是建立一個空物件,並且將建構式中的 this 指向這 04/07 00:59
jackblack: 個空物件。所以建構式中定義的 this.var2 等都會賦予空 04/07 01:02
jackblack: 物件。建構式的 prototype 的 reference 複製給這個空 04/07 01:04
jackblack: 物件的 __proto__ 屬性,所以物件可以找到原型物件 04/07 01:05
jackblack: 最後變數 temp 會指向這個已經不空的新物件 04/07 01:06
jackblack: 當取用物件屬性時,會先從物件本身中尋找 04/07 01:08
jackblack: 如果找得到就直接使用,找不到則往上層原型物件去找 04/07 01:09
jackblack: 在你的例子裡,temp 沒有 var2,所以往上層原型去找 04/07 01:11
jackblack: 上一層的原型物件 funcC.prototype 有 var2 = 10; 04/07 01:14
jackblack: 所以就不再繼續往上一層找了 04/07 01:15
jackblack: 最好把 this 的觀念整理好才不會很混亂 04/07 01:16
jackblack: 看到你有 Java 的底子,練 JS 的時把 Java 暫放一邊 XD 04/07 01:23
※ 編輯: aa06697 (111.255.233.112), 04/07/2016 01:30:58
jackblack: 對呀,那篇文章是手動建立空物件、指向原型,再用 call 04/07 01:35
jackblack: 來將 function 中的 this 指向 p 04/07 01:36
jackblack: 這些動作就是在模擬 new 做的事呀 04/07 01:37
我好像懂了什麼@@ 謝謝你 我再來研究研究 ※ 編輯: aa06697 (111.255.233.112), 04/07/2016 01:41:41 弱弱的問一下 __proto__是都會指到最頂層嗎? 像是我把funcC.prototype.__proto__ 跟 funcC.prototype.constructor 印出來都是 func A 而不是funcB 而且是funcA { var1=0 } 可是印出temp.__proto__ 卻是funcA 裡面是var2, var3, var6 @@ ※ 編輯: aa06697 (111.255.233.112), 04/07/2016 02:49:55 ※ 編輯: aa06697 (111.255.233.112), 04/07/2016 02:52:26
eight0: 你用 new funcA 把 funcB 的 prototype 給取代掉了 04/07 03:43
eight0: funcB.prototype.constructor 自然就是 funcA 04/07 03:44
eight0: funcC 同理 04/07 03:44
jackblack: 同樓上,因為 funcC.prototype 是 new 出 04/07 07:14
jackblack: 來的新物件,所以沒有 constructor 屬性 04/07 07:14
jackblack: ,所以會往上層找,變成指向 funcA,因此 04/07 07:14
jackblack: 我們要在 funcC.prototype 加上 construc 04/07 07:14
jackblack: tor 指向funcC,funcB.prototype 也是一 04/07 07:14
jackblack: 樣的道理 04/07 07:14
jackblack: 要記住,物件中如果找不到某一屬性,會「 04/07 07:19
jackblack: 一層一層」往原型去找 04/07 07:19
jackblack: __proto__ 只會指向上一層,以此類推 04/07 07:39
mrbigmouth: 建議先找本Javascript基本觀念的書看一看通盤瞭解 04/07 09:45
mrbigmouth: 像JavaScript優良部份 04/07 09:45
mrbigmouth: 有些東西越靠自己試只會越糊塗 XD 04/07 09:45
感謝以上的各位~ 自己都是看網路上的資源而已 目前也有打算要買書 各位有推薦不錯的中譯本嗎? 雖然目前都是看英文網站居多但看得有點痛苦= = 怕買書來 一本厚厚的都是英文會翻幾頁就不想看了囧 ※ 編輯: aa06697 (140.116.1.136), 04/07/2016 10:53:05
jackblack: 深入淺出 JavaScript 程式設計,有「程式 04/07 13:43
jackblack: 設計」這本 04/07 13:43
mrbigmouth: JavaScript優良部份有中譯 只學基本觀念很推這本 04/07 15:44
mrbigmouth: 也比較薄 04/07 15:44
johnny9144: 優良部份推!會提到你問的這些事情,可是可能要多看幾 04/07 17:17
johnny9144: 次,一開始可能會有些吃力 04/07 17:17
aa06697: thx~~~~~~~ 04/07 22:21