封裝是實現面向對象程序設計的第一步，封裝就是將數據與函數等集合在一個個的單元中（我們稱之為類）。被封裝的對象通常被稱為抽象數據類型。

在傳統的面向對象語言中有訪問修飾符，如Private:只有類本身能存取.Protected:類和派生類可以存取.Public:完全存取.

那么在沒有這些訪問修飾符的javascript中是怎么實現封裝的呢，請看如下代碼：

var myObject = (function () {var __name = 'peak'; //私有變量return{getName: function () {return __name; //公開方法 }} })(); console.log(myObject.getName()); // peak console.log(myObject.__name); //undefined

以上是通過匿名函數立即執行來實現的，myObject返回一個對象中包含getName方法，在getName函數聲明的作用域中可以訪問到私有屬性__name,而myObject外部環境卻無法直接訪問__name。

多態：同一操作作用于不同的對象，可以有不同的解釋，產生不同的執行結果。

先看一段普通的javascript代碼如何渲染地圖。

var googleMap = {show: function () {console.log('Render Google Map');} }; var baiduMap = {show: function () {console.log('Render Baidu Map');} };var renderMap = function (type) {if(type === 'google'){googleMap.show();}else if(type === 'baidu'){baiduMap.show();} }; renderMap('google'); renderMap('baidu');
如上寫法，假如我們需要增加高德地圖，還要修改renderMap函數，往里面堆砌if條件分支語句. 十分不利于代碼的復用。
可以借助面向對象多態的思想，把程序相同部分抽離出來，升級寫法如下：
var renderMap = function (map) {if(map.show instanceof Function){map.show();} }; renderMap(googleMap); renderMap(baiduMap);#現在增加一個高德地圖 var gaodeMap = {show: function () {console.log('Render Gaode Map');} }; renderMap(gaodeMap);

當然以上寫法只是體現多態的思想，并不是說每個地圖的渲染方法都是show。

轉載于:https://www.cnblogs.com/peakleo/p/6213944.html

總結

以上是生活随笔為你收集整理的javascript封装与多态的体现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。