JS物件導向編程的實現

標籤：span   導致   架構   computer   ons   無法   cti   js使用   物件導向   

先從問題說起

今天腦袋短路，有種有這麼一種問題困擾我：

    let Computer = function () {        this.computerValue  = ‘computerValue‘;    };    Computer.prototype.fun = function () {        console.log(‘calculate‘);    };    let mac = new Computer();    mac.fun = 1;    let acer = new Computer();    console.log(acer.fun); //為什麼acer的fun不是1

這個問題問的真愚蠢！但是卻讓我醒悟，長時間的使用架構與類庫，導致JS的一些思想完全忘記了。

可以看出mac與acer都是Computer類的執行個體，當執行 mac.fun=1時實質上是在mac對象上新增一個fun屬性，這裡並沒有訪問到原型鏈上的fun方法，所以原型鏈上的方法沒有被修改。設想一下，如果執行個體能夠修改原型鏈的上的方法，那麼JS使用原型鏈將變得毫無意義。

結論：執行個體無法修改原型鏈上的方法，只能繼承使用（範圍鏈採取就近原則）

 

JS物件導向編程的實現