一個能說明問題的js的原型 prototype的例項--簡單易懂
<script type="text/javascript">
var i = 0;//標識是第幾次生成的Traingle物件。
function Polygon() {
Polygon.prototype.getArea = function() {
return "Polygon getArea()";
}
}
function OtherPolygon() {
OtherPolygon.prototype.getArea = function() {
return "OtherPolygon getArea()";
}
}
function Triangle() {
if (i == 0) {
Triangle.prototype = new Polygon();
} else if (i == 1) {
Triangle.prototype = new OtherPolygon();
}
i++;
}
Triangle.prototype.getArea = function() {
return "Triangle getArea()";
}
var triangle1 = new Triangle();
//第一次生成時,使用的是原始的prototype,結果為"Traingle getArea()",
//並執行了Triangle.prototype = new Polygon();語句。
alert(triangle1.getArea());
var triangle = new Triangle();
//第二次生成時,使用的是修改後的prototype(new Polygon()),結果為"Polygon getArea()",
//並執行了Triangle.prototype = new OtherPolygon();語句。
alert(triangle.getArea());
var triangle = new Triangle();
//第三次生成時,使用的是修改後的prototype(new OtherPolygon()),結果為"OtherPolygon getArea()",
alert(triangle.getArea());
</script>
相關文章
- js prototype原型應用簡單例項程式碼JS原型單例
- prototype原型繼承簡單程式碼例項原型繼承
- 一張圖說明 函式, 例項(物件), 原型之間的關係函式物件原型
- 理解js的 prototype原型物件JS原型物件
- 用一個通俗易懂的例子徹底說清楚單例模式單例模式
- 求一個JS問題更簡單的寫法JS
- 一個關於prototype模式的問題?模式
- js簡單的留言功能程式碼例項JS
- java中的單例模式,舉例說明。Java單例模式
- 在jsp中呼叫一個簡單工廠的問題JS
- 一個applet的簡單問題APP
- JS中的單例模式及單例模式原型類的實現JS單例模式原型
- jsf取值的簡單問題JS
- Angularjs製作簡單的路由功能簡單程式碼例項AngularJS路由
- 簡單說明一下資料庫審計能帶來的價值資料庫
- 說說JS中的原型物件和原型鏈JS原型物件
- 簡單易懂的PromisePromise
- js 原型鏈繼承__proto__、prototype簡析JS原型繼承
- 面試官:你能回答這兩個簡單的問題嗎面試
- oracle rac 單個例項不能生成awr報告的問題Oracle
- 問一個關於oracle8的簡單的問題!Oracle
- 使用JS實現一個簡單的選項卡效果JS
- Struts2中一個簡單的入門例項
- 請教一個關於JdonFrameworkTest例項的問題Framework
- 最近遇到的RAC的一個例項無法連線的問題
- 簡單易懂的索引原理索引
- js prototype屬性使用程式碼例項JS
- 技術說明 路由器是如何工作的呢? 一個簡單的解釋路由器
- 簡單易懂的 webpack 打包後 JS 的執行過程WebJS
- EasyUI - 一個簡單的後臺管理系統入門例項UI
- js選項卡簡單程式碼例項JS
- ganglia 監控hadoop 叢集的配置檔案問題的一個說明.Hadoop
- 用小豬佩奇說明Javascript的原型和原型鏈JavaScript原型
- Javascript篇之Prototype的原型JavaScript原型
- c++類的簡單例項C++單例
- xming工具的簡單實用說明
- 問一個基礎的用例問題?
- 簡單易懂的 webpack 打包後 JS 的執行過程(二)WebJS