PTT數位生活區 / Web_Design

[問題] Node.js幫JavaScript搞出繼承的問題

看板Web_Design作者 (nnlisalive)時間7年前 (2017/09/03 05:46), 7年前編輯推噓2(2推 0噓 24→)
留言26則, 4人參與, 最新討論串1/3 (看更多)
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://www.ptt.cc/bbs/Web_Design/M.1504388808.A.F5A.html
→
09/03 06:16, , 1F
看不懂你在寫什麼，prototype的繼承方式本來就是自己的
09/03 06:16, 1F
→
09/03 06:17, , 2F
prototype找不到就去找prototype的prototype啊
09/03 06:17, 2F
→
09/03 06:17, , 3F
ChildObject的prototype本來就不會有hit
09/03 06:17, 3F
→
09/03 06:35, , 4F
ChildObject.prototype沒有Hit 怎麼new出來的實例都能
09/03 06:35, 4F
→
09/03 06:37, , 5F
呼叫hit? prototype裡面不就是放共享的屬性和方法
09/03 06:37, 5F
→
09/03 06:38, , 6F
既然沒有共享的屬性和方法 但是實例都能呼叫hit()
09/03 06:38, 6F
→
09/03 06:38, , 7F
不是很奇怪嗎? 我的意思是這樣
09/03 06:38, 7F
推
09/03 07:55, , 8F
直接用 ES6 的 class extends 了啦。util.inherits 已經過
09/03 07:55, 8F
→
09/03 07:55, , 9F
時了。
09/03 07:55, 9F
→
09/03 07:56, , 10F
單純回答這問題，因為 inherits 會設定 enumerable:false
09/03 07:56, 10F
所以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
→
09/03 15:15, , 11F
class extends只是語法糖，做的事情基本上是一樣的
09/03 15:15, 11F
→
09/03 15:15, , 12F
prototype的繼承方式是: 你在呼叫 obj.hit()時，會先在obj
09/03 15:15, 12F
→
09/03 15:16, , 13F
中找有沒有hit屬性，沒有再找ChildObject.prototype的屬性
09/03 15:16, 13F
→
09/03 15:17, , 14F
(ChildObject繼承BaseObject其實是ChildObject.prototype是
09/03 15:17, 14F
→
09/03 15:21, , 15F
個BaseObject的實例)，還是找不到再找他的prototype
09/03 15:21, 15F
→
09/03 15:21, , 16F
也就是BaseObject.prototype，然後就找到hit來呼叫
09/03 15:21, 16F
→
09/03 15:23, , 17F
(如果一直往上找到Object.prototype還沒有才是真的沒有)
09/03 15:23, 17F
→
09/03 15:23, , 18F
所以ChildObject.prototype裡沒有hit，實例還是能呼叫hit
09/03 15:23, 18F
→
09/03 15:24, , 19F
你先了prototype卻沒學到prototype chain?
09/03 15:24, 19F
→
09/03 15:25, , 20F
學
09/03 15:25, 20F
→
09/03 16:24, , 21F
對 我只知道prototype怎麼用 還有是因為是要省記憶體
09/03 16:24, 21F
→
09/03 16:25, , 22F
不用每個實例都有自己的方法 有相同的方法共用就好
09/03 16:25, 22F
→
09/03 16:26, , 23F
共用的方法就放進prototype裡
09/03 16:26, 23F
推
09/04 00:31, , 24F
然後 enumable:false 的意思是一般迴圈是看不到它的
09/04 00:31, 24F
→
09/04 00:32, , 25F
(這裡尤其是指像 for(var s in obj) 這種 for)
09/04 00:32, 25F
→
09/04 00:32, , 26F
因此在平常印出這個物件時它就不會印出來
09/04 00:32, 26F
‣ 更多 nnlisalive 的文章
文章代碼(AID): #1PgoR8zQ (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 nnlisalive 的文章
文章代碼(AID): #1PgoR8zQ (Web_Design)