作者aa06697 (忍者龜頭痛)
看板Ajax
標題[問題] this跟prototype的問題
時間Thu Apr 7 00:44:30 2016
小弟最近在自學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://webptt.com/m.aspx?n=bbs/Ajax/M.1459961075.A.1D5.html
1F：推 jackblack: (3) <- 怪怪的，要先弄清楚 call 和 apply 的意思 04/07 00:52
大大你的意思是說這邊不會是call這個方法嗎？
我是看這邊看到的
http://www.codedata.com.tw/javascript/essential-javascript-15-prototype/
喔乾我現在才發現他是說模擬 所以根本就不會是呼叫call嗎lol....
2F：→ jackblack: function 的 prototype 不是在 new 的時候建立的 04/07 00:54
3F：→ jackblack: 而是在你定義 funcB.prototype = new funcA(); 時建立 04/07 00:55
4F：→ jackblack: new 是建立一個空物件，並且將建構式中的 this 指向這 04/07 00:59
5F：→ jackblack: 個空物件。所以建構式中定義的 this.var2 等都會賦予空 04/07 01:02
6F：→ jackblack: 物件。建構式的 prototype 的 reference 複製給這個空 04/07 01:04
7F：→ jackblack: 物件的 __proto__ 屬性，所以物件可以找到原型物件 04/07 01:05
8F：→ jackblack: 最後變數 temp 會指向這個已經不空的新物件 04/07 01:06
9F：→ jackblack: 當取用物件屬性時，會先從物件本身中尋找 04/07 01:08
10F：→ jackblack: 如果找得到就直接使用，找不到則往上層原型物件去找 04/07 01:09
11F：→ jackblack: 在你的例子裡，temp 沒有 var2，所以往上層原型去找 04/07 01:11
12F：推 jackblack: 上一層的原型物件 funcC.prototype 有 var2 = 10; 04/07 01:14
13F：→ jackblack: 所以就不再繼續往上一層找了 04/07 01:15
14F：→ jackblack: 最好把 this 的觀念整理好才不會很混亂 04/07 01:16
15F：推 jackblack: 看到你有 Java 的底子，練 JS 的時把 Java 暫放一邊 XD 04/07 01:23
※ 編輯: aa06697 (111.255.233.112), 04/07/2016 01:30:58
16F：推 jackblack: 對呀，那篇文章是手動建立空物件、指向原型，再用 call 04/07 01:35
17F：→ jackblack: 來將 function 中的 this 指向 p 04/07 01:36
18F：→ 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
19F：推 eight0: 你用 new funcA 把 funcB 的 prototype 給取代掉了 04/07 03:43
20F：→ eight0: funcB.prototype.constructor 自然就是 funcA 04/07 03:44
21F：→ eight0: funcC 同理 04/07 03:44
22F：推 jackblack: 同樓上，因為 funcC.prototype 是 new 出 04/07 07:14
23F：→ jackblack: 來的新物件，所以沒有 constructor 屬性 04/07 07:14
24F：→ jackblack: ，所以會往上層找，變成指向 funcA，因此 04/07 07:14
25F：→ jackblack: 我們要在 funcC.prototype 加上 construc 04/07 07:14
26F：→ jackblack: tor 指向funcC，funcB.prototype 也是一 04/07 07:14
27F：→ jackblack: 樣的道理 04/07 07:14
28F：推 jackblack: 要記住，物件中如果找不到某一屬性，會「 04/07 07:19
29F：→ jackblack: 一層一層」往原型去找 04/07 07:19
30F：推 jackblack: __proto__ 只會指向上一層，以此類推 04/07 07:39
31F：推 mrbigmouth: 建議先找本Javascript基本觀念的書看一看通盤瞭解 04/07 09:45
32F：→ mrbigmouth: 像JavaScript優良部份 04/07 09:45
33F：→ mrbigmouth: 有些東西越靠自己試只會越糊塗 XD 04/07 09:45
感謝以上的各位～ 自己都是看網路上的資源而已
目前也有打算要買書 各位有推薦不錯的中譯本嗎？
雖然目前都是看英文網站居多但看得有點痛苦= =
怕買書來 一本厚厚的都是英文會翻幾頁就不想看了囧
※ 編輯: aa06697 (140.116.1.136), 04/07/2016 10:53:05
34F：推 jackblack: 深入淺出 JavaScript 程式設計，有「程式 04/07 13:43
35F：→ jackblack: 設計」這本 04/07 13:43
36F：推 mrbigmouth: JavaScript優良部份有中譯 只學基本觀念很推這本 04/07 15:44
37F：→ mrbigmouth: 也比較薄 04/07 15:44
38F：推 johnny9144: 優良部份推！會提到你問的這些事情，可是可能要多看幾 04/07 17:17
39F：→ johnny9144: 次，一開始可能會有些吃力 04/07 17:17
40F：→ aa06697: thx~~~~~~~ 04/07 22:21