快捷導(dǎo)航

javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法

更新時(shí)間：2015年12月16日 10:03:07 作者：hongweigg

這篇文章主要介紹了javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法,實(shí)例分析了JavaScript使用prototype實(shí)現(xiàn)面向?qū)ο蟪绦蛟O(shè)計(jì)的中類繼承的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法。分享給大家供大家參考，具體如下：

這里要說(shuō)明的是，公有屬性（使用this.修飾符）可以被覆蓋，私有屬性(使用var 修飾符)不能被覆蓋

子類不能訪問父類的私有屬性，父類的方法正常訪問父類的私有變量。

function Vegetable(){
  this.taste='delicious';
  var a = 'I\'m Vegetable\'a!'
  this.fun1 = function(){
    alert('Vegetable fun1 doing...');
  }
  this.fun3 = function(){
    alert(a);
  }
}
function Celery(){
  var a = 'I\'m Celery\' a';
  this.color = 'green';
  this.taste = 'bad';
  this.fun1a = function(){
    alert('Celeryfun1 doing...');
  }
  this.fun2 = function(){
    alert('Celery fun2 doing...');
  }
  this.fun4 = function(){
    alert(a);
  }
}
Celery.prototype = new Vegetable();
var stick = new Celery();
var polymorphed = stick.taste;
//alert(polymorphed);
//alert(stick.color);
//stick.fun1();
//stick.fun2();
//stick.fun3();
stick.fun4();

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript內(nèi)置日期、時(shí)間格式化時(shí)間實(shí)例代碼
JS中的 Date 對(duì)象用于處理日期和時(shí)間,Date對(duì)象和Math對(duì)象不一樣，Date是一個(gè)構(gòu)造函數(shù)，需要實(shí)例化后才能使用對(duì)象中具體的方法和屬性。這篇文章主要給大家介紹了關(guān)于JavaScript內(nèi)置日期、時(shí)間格式化時(shí)間的相關(guān)資料,需要的朋友可以參考下
2021-05-05
JS實(shí)現(xiàn)簡(jiǎn)單打磚塊彈球小游戲
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單打磚塊彈球小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-05-05
antd-mobile ListView長(zhǎng)列表的數(shù)據(jù)更新遇到的坑
這篇文章主要介紹了antd-mobile ListView長(zhǎng)列表的數(shù)據(jù)更新遇到的坑，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-04-04
js定義類的幾種方法(推薦)
下面小編就為大家?guī)?lái)一篇js定義類的幾種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2016-06-06
javascript伸縮菜單欄實(shí)現(xiàn)代碼分享
這篇文章主要介紹了javascript伸縮菜單欄實(shí)現(xiàn)代碼，點(diǎn)擊標(biāo)題顯示下級(jí)菜單，節(jié)約了空間，使頁(yè)面排版更加緊湊，感興趣的小伙伴們可以參考一下
2015-11-11
詳解js中==與===的區(qū)別
本文主要介紹了js中==與===的相同點(diǎn)與不同點(diǎn)。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
ES6 Promise對(duì)象概念與用法分析
這篇文章主要介紹了ES6 Promise對(duì)象概念與用法,簡(jiǎn)單分析了Promise對(duì)象的基本狀態(tài)與三種重要方法,并結(jié)合實(shí)例形式給出相關(guān)使用技巧,需要的朋友可以參考下
2017-04-04
JS實(shí)現(xiàn)音量控制拖動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)音量控制拖動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
詳解微信小程序開發(fā)框架（MINA）
小程序使用的是MINA框架，目的是通過簡(jiǎn)單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生App體驗(yàn)的服務(wù)。這篇文章主要介紹了微信小程序開發(fā)框架（MINA）,需要的朋友可以參考下
2019-05-05
使用three.js 繪制三維帶箭頭線的詳細(xì)過程
遇到一個(gè)需求，在一個(gè)地鐵場(chǎng)景里展示逃生路線，為了畫這個(gè)箭頭，我花費(fèi)了很多時(shí)間精力，下面基于使用three.js 繪制三維帶箭頭線的詳細(xì)過程分享給大家，感興趣的朋友一起看看吧
2021-10-10