使用對象字面量重寫prototype需要注意的問題

simon_chen 發(fā)布于2019-08-23 10:41 / 3269人閱讀

摘要：前言為了方便，大部分人都是直接使用字面量來初始化對象，我們知道原型對象是創(chuàng)建函數(shù)自帶的，如果使用字面量來初始化相當(dāng)于重寫原型對象，這樣就會導(dǎo)致一些如下問題。

前言

為了方便，大部分人都是直接使用字面量來初始化對象，我們知道原型對象是創(chuàng)建函數(shù)自帶的，如果使用字面量來初始化相當(dāng)于重寫原型對象，這樣就會導(dǎo)致一些如下問題。

正文

問題：
重寫之后，原型對象的constructor不在指向原型對象所在的函數(shù)

function demo1 () {
}
demo1.prototype = {
    show: function() {console.log("execute success!")}
}
demo1.prototype.constructor不再指向demo1

既然有了問題，那自然有解決問題的方法

方法就是讓構(gòu)造函數(shù)重新指向原先得對象
function demo1 () {}
demo1.prototype = {
    constructor: demo1,
    show: function() {console.log("execute success!")}
}

但是這樣寫又有了新問題，[[Enumerable]]默認(rèn)是true，而原先的構(gòu)造函數(shù)默認(rèn)是false，這時候我們可以修改對象的屬性，修改對象的屬性自然要用到強(qiáng)大的defineProperty啦

function demo1 () {}
demo1.prototype = {
    show: function() {console.log("execute success!")}
}
Object.defineProperty(demo1.prototype, "constructor", {
    enumerable: false,
    value: demo1
})

好啦，大功告成，就是這樣啦

GPU云服務(wù)器云服務(wù)器字面量對象對象javascript字面量字面量購買域名應(yīng)注意的問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96594.html

相關(guān)文章

[js高手之路]使用原型對象(prototype)需要注意的地方

摘要：原型對象的共享特性，可以很方便的為一些內(nèi)置的對象擴(kuò)展一些方法，比如，數(shù)組去重復(fù)但是，不要隨便往內(nèi)置的對象上面擴(kuò)展方法，在多人協(xié)作開發(fā)，很容易產(chǎn)生覆蓋，以及污染我們先來一個簡單的構(gòu)造函數(shù)+原型對象的小程序 1 function CreateObj( uName, uAge ) { 2 this.userName = uName; 3 ...

chnmagnus 2019-08-20 19:06 評論0 收藏0
JavaScript面向對象的程序設(shè)計(jì)——“創(chuàng)建對象”的注意要點(diǎn)

摘要：所以，可以創(chuàng)建自定義的構(gòu)造函數(shù)，從而定義自定義對象類型的屬性和方法。如對于構(gòu)造函數(shù)原型屬性以及實(shí)例之間的關(guān)系，參見高級程序設(shè)計(jì)一書中第章節(jié)。穩(wěn)妥構(gòu)造函數(shù)模式穩(wěn)妥對象，指的是沒有公共屬性，且其方法也不引用的對象如創(chuàng)建對象 Object 構(gòu)造函數(shù)或?qū)ο笞置媪慷伎梢杂脕韯?chuàng)建單個對象。但這個方法的缺點(diǎn)非常明顯：同一個接口創(chuàng)建很可耐多對象會產(chǎn)生大量的重復(fù)代碼。為了解決這個問題，人們開始使用工廠...

tracymac7 2019-08-21 10:49 評論0 收藏0
淺談 OOP JavaScript [3] -- 原型

摘要：上一章我們談了構(gòu)造函數(shù)，他的唯一特點(diǎn)就是比較了地址不相同，因?yàn)榇蠹抑酪妙愋褪潜容^的引用。也就是說不用在構(gòu)造函數(shù)中定義對象實(shí)例，而是直接將這些添加到原型當(dāng)中。如果構(gòu)造函數(shù)實(shí)例里面沒有，就去原型里面查找，如果有就立即返回。上一章我們談了構(gòu)造函數(shù)，他的唯一特點(diǎn)就是比較了地址不相同，因?yàn)榇蠹抑酪妙愋褪潜容^的引用。我們來談?wù)勗汀?原型我們每創(chuàng)建一個函數(shù)都有一個原型(prototyp...

SQC 2019-08-22 10:43 評論0 收藏0
JavaScript面向對象精要(二)

摘要：使用時，會自動創(chuàng)建對象，其類型為構(gòu)造函數(shù)類型，指向?qū)ο髮?shí)例缺少關(guān)鍵字，指向全局對象。構(gòu)造函數(shù)本身也具有屬性指向原型對象。在JavaScript面向?qū)ο缶?一)中講解了一些與面向?qū)ο笙嚓P(guān)的概念和方法，這篇講講原型和繼承。構(gòu)造函數(shù)和原型對象構(gòu)造函數(shù)也是函數(shù)，用new創(chuàng)建對象時調(diào)用的函數(shù)，與普通函數(shù)的一個區(qū)別是，其首字母應(yīng)該大寫。但如果將構(gòu)造函數(shù)當(dāng)作普通函數(shù)調(diào)用（缺少new關(guān)鍵字...

wayneli 2019-08-21 10:32 評論0 收藏0
Javascript的對象創(chuàng)建方法

摘要：構(gòu)造函數(shù)與原型組合利用構(gòu)造函數(shù)都是實(shí)例屬性和原型的共享特性，分別定義對應(yīng)的內(nèi)容，組合共同完成對象創(chuàng)建，而且該模式還支持想構(gòu)造函數(shù)傳遞參數(shù)。引用類型為實(shí)例屬性寄生構(gòu)造模式構(gòu)造函數(shù)在不反回值的情況下，默認(rèn)會返回新對象實(shí)例。創(chuàng)建對象 1.1 通過Object對象創(chuàng)建 var person = new Object(); person.name = Albert; person.sayNam...

ZoomQuiet 2019-08-21 11:36 評論0 收藏0