javascript - 為什么newtoy.constructor === Gadget在控制臺的結果是false?
問題描述
function Gadget(name,color){ this.name=name; this.color=color; this.whatAreYou=function(){return ’I am a ’ + this.color + ’ ’ + this.name; };}Gadget.prototype={ price:100, rating:3, getInfo:function(){return ’Rating: ’ + this.rating + ’, price: ’ + this.price; }};var newtoy=new Gadget(’webcam’,’black’);new.rating;//3newtoy.constructor === Gadget;//true
上述例子摘自《面向對象編程指南》一書
問題解答
回答1:如果代碼沒寫錯的話,那么就是false,因為你已經把Gadget的原型對象給重寫了,而你重寫的原型對象中沒有constructor屬性,可以參考一下《JavaScript高級程序設計》中第六章關于原型的介紹
回答2:樓上正解,Gadget.prototype 被重寫了。因為原型對象中有個隱式的constructor,指向了構造函數本身。如下:
原型拓展,最好寫成這種形式:
Test.prototype.newFn = function() { ...}
或者使用Object.assign()合并對象:
Test.prototype = Object.assign(Test.prototype, { newAttr: ’’, newFn: function() {... }})
相關文章:
1. PHP單例模式2. 能用一臺nginx服務器既做反向代理又做web服務器嗎,還是一臺做反向代理一臺做web服務器3. css3圖標4. java - C++ STL迭代器聲明的iterator和reverse_iterator實質區別?是不同數值嗎?5. css3 - 圖文響應式樣式6. javascript - react input file7. python 讀取csv文件可以讀取但內容錯誤,但單獨用excel打開正常,如何解決?8. css - transform-origin 旋轉參考點9. css3 - 如何實現字體顏色漸變?10. javascript - 除了VUE React 這類MVVM還有什么適合做SPA的,特別是里面涉及到Canvas Webgl?
