最近在研究js中類與類繼承方面的知識(shí)，主要是這一塊很陌生，所以發(fā)現(xiàn)原型繼承里面有這樣一段代碼【代碼如下】：

// 原型鏈繼承實(shí)現(xiàn)
function Animal(){
    this.x = '父類'
}
Animal.prototype.breathe= function breathe(){ return '呼吸' }
function Cat(){
    this.x = '子類'
}
// 讓子類的原型對(duì)象指向父類的實(shí)例
Cat.prototype = new Animal
Cat.prototype.eat= function eat(){ return '吃' }

// 創(chuàng)建一個(gè)子類的實(shí)例對(duì)象
let a = new Cat()
console.log(a)  // a實(shí)例上有子類的屬性，原型上有子類定義的方法，由于原型指向父類，所以原型上有父類的屬性，該原型上還有父類的原型方法

讓子類的原型對(duì)象指向父類的實(shí)例？當(dāng)時(shí)就不明白了，父類的實(shí)例？大家都應(yīng)該清楚，創(chuàng)建一個(gè)實(shí)例應(yīng)該是使用new關(guān)鍵字吧，但是后面要帶括號(hào)呀，所以去搜索了一下這帶括號(hào)和不帶括號(hào)的區(qū)別，但是感覺(jué)不是能說(shuō)服自己的結(jié)果【懂的都懂】

js中new函數(shù)后帶括號(hào)和不帶括號(hào)的區(qū)別

主要總結(jié)為以下兩點(diǎn)：

1、通過(guò)new Animal().x可以訪問(wèn)到屬性x的值，因?yàn)?code>new Animal().x相當(dāng)于（new Animal()）.x
2、但是通過(guò)new Animal.x訪問(wèn)不到，因?yàn)?code>new Animal.x相當(dāng)于new （Animal.x）

通過(guò)原型鏈實(shí)現(xiàn)繼承的缺點(diǎn)：

子類實(shí)例修改引用類型值，會(huì)影響其他子類實(shí)例(但若不是引用類型就沒(méi)有問(wèn)題)

`產(chǎn)生這個(gè)問(wèn)題的主要原因是由于子類實(shí)例訪問(wèn)的是同一個(gè)父類的原型對(duì)象，引用類型的地址指向同一個(gè)堆內(nèi)存的值`
// 不明白可以了解一下深拷貝和淺拷貝或者基礎(chǔ)數(shù)據(jù)類型和引用數(shù)據(jù)類型在內(nèi)存中存儲(chǔ)的區(qū)別【都是面試官會(huì)問(wèn)的哦】
function Animal(){
    this.x = '父類'
    this.arr = [1, 2, 3]
}
function Cat(){
    this.x = '子類'
}
// 讓子類的原型對(duì)象指向父類的實(shí)例
Cat.prototype = new Animal
Cat.prototype.eat= function eat(){ return '吃' }

// 創(chuàng)建一個(gè)子類的實(shí)例對(duì)象
let a = new Cat()
let b = new Cat()
a.arr.push(4)
console.log(a,b)

a 和 b 輸出展示：

如圖所示