看板 Web_Design 關於我們 聯絡資訊
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
ssccg: 看不懂你在寫什麼,prototype的繼承方式本來就是自己的 09/03 06:16
ssccg: prototype找不到就去找prototype的prototype啊 09/03 06:17
ssccg: ChildObject的prototype本來就不會有hit 09/03 06:17
nnlisalive: ChildObject.prototype沒有Hit 怎麼new出來的實例都能 09/03 06:35
nnlisalive: 呼叫hit? prototype裡面不就是放共享的屬性和方法 09/03 06:37
nnlisalive: 既然沒有共享的屬性和方法 但是實例都能呼叫hit() 09/03 06:38
nnlisalive: 不是很奇怪嗎? 我的意思是這樣 09/03 06:38
jmlntw: 直接用 ES6 的 class extends 了啦。util.inherits 已經過 09/03 07:55
jmlntw: 時了。 09/03 07:55
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
ssccg: class extends只是語法糖,做的事情基本上是一樣的 09/03 15:15
ssccg: prototype的繼承方式是: 你在呼叫 obj.hit()時,會先在obj 09/03 15:15
ssccg: 中找有沒有hit屬性,沒有再找ChildObject.prototype的屬性 09/03 15:16
ssccg: (ChildObject繼承BaseObject其實是ChildObject.prototype是 09/03 15:17
ssccg: 個BaseObject的實例),還是找不到再找他的prototype 09/03 15:21
ssccg: 也就是BaseObject.prototype,然後就找到hit來呼叫 09/03 15:21
ssccg: (如果一直往上找到Object.prototype還沒有才是真的沒有) 09/03 15:23
ssccg: 所以ChildObject.prototype裡沒有hit,實例還是能呼叫hit 09/03 15:23
ssccg: 你先了prototype卻沒學到prototype chain? 09/03 15:24
ssccg: 學 09/03 15:25
nnlisalive: 對 我只知道prototype怎麼用 還有是因為是要省記憶體 09/03 16:24
nnlisalive: 不用每個實例都有自己的方法 有相同的方法共用就好 09/03 16:25
nnlisalive: 共用的方法就放進prototype裡 09/03 16:26
LPH66: 然後 enumable:false 的意思是一般迴圈是看不到它的 09/04 00:31
LPH66: (這裡尤其是指像 for(var s in obj) 這種 for) 09/04 00:32
LPH66: 因此在平常印出這個物件時它就不會印出來 09/04 00:32