js使用構造函數有哪些缺點

本篇內容主要講解“js使用構造函數有哪些缺點”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“js使用構造函數有哪些缺點”吧!

1、不是原型鏈繼承，只是借用構造函數，所以不能繼承原型的屬性和方法。

2、雖然構造函數中定義的屬性和方法是可以訪問的，但是每個實例都被復制了。

如果例子太多，方法太多，占用內存很大，那么方法就在構造函數中定義，函數的復用就無從談起。

實例

// 父構造函數
function Father() {
    this.name = 'father'
    this.speakName1 = function () {
        console.log('speakName1')
    }
    this.speakName2 = function () {
        console.log('speakName2')
    }
    this.speakName3 = function () {
        console.log('speakName3')
    }
    this.speakName4 = function () {
        console.log('speakName4')
    }
}
// 父原型上 方法
Father.prototype.alertName = function () {
    console.log(this.name)
}
// 父原型上 屬性
Father.prototype.age = 21
// 子構造函數
function Children() {
    Father.call(this)
}
 
// 創建子實例
let c1 = new Children()
// 調用原型方法,實例訪問不到
c1.alertName()
// TypeError: c1.alertName is not a function
 
// 訪問原型屬性,實例中未定義
console.log(c1.age)
// undefined
 
// 可以訪問實例屬性,但是每個實例都存有自己一份 name 值
console.log(c1.name)
// father
 
// 可以訪問實例方法,但是每個實例都存有自己一份 speakName1() 方法,
// 且方法過多,內存占用量大,這就不叫復用了
c1.speakName1()// speakName1
 
c1.speakName2()// speakName2
 
c1.speakName3()// speakName3
 
c1.speakName4()// speakName4
 
// instanceof isPrototypeOf 無法判斷實例和類型的關系
console.log(Father.prototype.isPrototypeOf(c1))// false
console.log(c1 instanceof Father)// false

到此，相信大家對“js使用構造函數有哪些缺點”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！