作者nnlisalive (nnlisalive)
看板Web_Design
標題[問題] Node.js幫JavaScript搞出繼承的問題
時間Sun Sep 3 05:46:46 2017
var BaseObject=function(){};
var ChildObject=function(){}; //宣告兩個原型物件
BaseObject.prototype.hit=function(){
console.log('hit()呼叫成功!');
}
//把hit函數放進BaseObject.prototype內
//所以BaseObject的實例都有hit()
const util = require('util');
util.inherits(ChildObject,BaseObject);
這是Node.js搞出來的繼承函數
讓ChildObject可以繼承BaseObject的prototype
var obj = new ChildObject();
obj.hit(); //hit()呼叫成功
問題是我無聊看看他們的prototype內有什麼
console.log(BaseObject.prototype);
顯示 BaseObject {hit:[Function]}
目前還正常 因為這就是我放的 但是!
console.log(ChildObject.prototype);
顯示 ChildObject {}
沒有hit函數!!!
我new ChildObject()出來的實例都能呼叫hit()
但是ChildObject.prototype裡面竟然是空的
所以Node.js騙我有繼承 其實根本沒繼承
Node.js這樣欺騙大家這樣對嗎????
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.173.252.61
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1504388808.A.F5A.html
1F：→ ssccg: 看不懂你在寫什麼，prototype的繼承方式本來就是自己的 09/03 06:16
2F：→ ssccg: prototype找不到就去找prototype的prototype啊 09/03 06:17
3F：→ ssccg: ChildObject的prototype本來就不會有hit 09/03 06:17
4F：→ nnlisalive: ChildObject.prototype沒有Hit 怎麼new出來的實例都能 09/03 06:35
5F：→ nnlisalive: 呼叫hit? prototype裡面不就是放共享的屬性和方法 09/03 06:37
6F：→ nnlisalive: 既然沒有共享的屬性和方法 但是實例都能呼叫hit() 09/03 06:38
7F：→ nnlisalive: 不是很奇怪嗎? 我的意思是這樣 09/03 06:38
8F：推 jmlntw: 直接用 ES6 的 class extends 了啦。util.inherits 已經過 09/03 07:55
9F：→ jmlntw: 時了。 09/03 07:55
10F：→ jmlntw: 單純回答這問題，因為 inherits 會設定 enumerable:false 09/03 07:56
所以enumerable:false 造成 ChildObject.prototype 沒東西
但是每一個ChildObject的實例都有hit()可以呼叫?
我還沒學到 class extends 應該是說連class是啥概念都不知道XD
總之 ES6 有搞出新方法 class extends 去實現JavaScript的繼承
以後都不用util.inherits了嗎?
util.inherits變成是是Node.js多餘的函式?
※ 編輯: nnlisalive (1.173.252.61), 09/03/2017 14:01:56
11F：→ ssccg: class extends只是語法糖，做的事情基本上是一樣的 09/03 15:15
12F：→ ssccg: prototype的繼承方式是: 你在呼叫 obj.hit()時，會先在obj 09/03 15:15
13F：→ ssccg: 中找有沒有hit屬性，沒有再找ChildObject.prototype的屬性 09/03 15:16
14F：→ ssccg: (ChildObject繼承BaseObject其實是ChildObject.prototype是 09/03 15:17
15F：→ ssccg: 個BaseObject的實例)，還是找不到再找他的prototype 09/03 15:21
16F：→ ssccg: 也就是BaseObject.prototype，然後就找到hit來呼叫 09/03 15:21
17F：→ ssccg: (如果一直往上找到Object.prototype還沒有才是真的沒有) 09/03 15:23
18F：→ ssccg: 所以ChildObject.prototype裡沒有hit，實例還是能呼叫hit 09/03 15:23
19F：→ ssccg: 你先了prototype卻沒學到prototype chain? 09/03 15:24
20F：→ ssccg: 學 09/03 15:25
21F：→ nnlisalive: 對 我只知道prototype怎麼用 還有是因為是要省記憶體 09/03 16:24
22F：→ nnlisalive: 不用每個實例都有自己的方法 有相同的方法共用就好 09/03 16:25
23F：→ nnlisalive: 共用的方法就放進prototype裡 09/03 16:26
24F：推 LPH66: 然後 enumable:false 的意思是一般迴圈是看不到它的 09/04 00:31
25F：→ LPH66: (這裡尤其是指像 for(var s in obj) 這種 for) 09/04 00:32
26F：→ LPH66: 因此在平常印出這個物件時它就不會印出來 09/04 00:32