坑

首先挖個坑 —— 這是一段 JS 代碼，BusinessView 中要干兩件事情，即對表單和地圖進行布局。

代表將 _ 前綴約定為私有

class BaseView {layout() {console.log("BaseView Layout");}}class BusinessView extends BaseView {layout() {super.layout();this._layoutForm();this._layoutMap();}_layoutForm() {// ....}_layoutMap() {// ....}}

然后，由于業(yè)務的發(fā)展，發(fā)現(xiàn)有很多視圖都存在地圖布局。這里選用繼承的方式來實現(xiàn)，所以從 BusinessView 中把地圖相關的內(nèi)容抽象成一個基類叫 MapView：

class MapView extends BaseView {layout() {super.layout();this._layoutMap();}_layoutMap() {console.log("MapView layout map");}}class BusinessView extends MapView {layout() {super.layout();this._layoutForm();this._layoutMap();}_layoutForm() {// ....}_layoutMap() {console.log("BusinessView layout map");}}

上面這兩段代碼是很典型的基于繼承的 OOP 思想，本意是期望各個層次的類都可以通過 layout() 來進行各層次應該負責的布局任務。但理想和現(xiàn)實總是有差距的，在 JavaScript 中運行就會發(fā)現(xiàn) BusinessView._layoutMap() 被執(zhí)行了兩次，而 MapView._layoutMap() 未執(zhí)行。為什么？

虛函數(shù)

JavaScript 中如果在祖先和子孫類中定義了相同的名稱的方法，默認會調用子孫類中的這個方法。如果想調用祖先類中的同名方法，需要在子孫類中通過 super. 來調用。

這里可以分析一下這個過程：

在子類創(chuàng)建對象的時候，其類和所有祖先類的定義都已經(jīng)加載了。這個時候

你看，由于 BusinessView 定義了 _layoutMap，所以壓根都沒去搜索原型鏈。對的，這是基于原型關系的 OOP 的局限。如果我們看看 C# 的處理過程，就會發(fā)現(xiàn)有所不同

發(fā)現(xiàn)區(qū)別了嗎？關鍵是在于判斷“虛函數(shù)”。

然而，這跟私有成員又有什么關系呢？因為私有函數(shù)肯定不是虛函數(shù)，所以在 C# 中，如果將 _layoutMap 定義為私有，那 MapView.layout() 調用的就一定是 MapView._layoutMap()。

虛函數(shù)的概念有點小復雜。不過可以簡單理解為，如果一個成員方法被聲明為虛函數(shù)，在調用的時候就會延著其虛函數(shù)鏈找到最后的重載來進行調用。

JavaScript 中雖然約定 _ 前綴的是私有，那也只是君子之約，它實質上仍然不是私有。君子之約對人有效，計算機又不知道你有這個約定……。但是，如果 JavaScript 真的實現(xiàn)了私有成員，那么計算機就知道了，_layoutMap() 是個私有方法，應該調用本類中的定義，而不是去尋找子類中的定義。