在JavaScript實例對象中改寫原型方法詳情
更新時間：2021年10月12日 15:08:03 作者：Jaxu
這篇文章主要介紹了在JavaScript實例對象中改寫原型方法的一下相關資料,需要的效果版可以參考一下文章詳細內容，希望對你有所幫助
在JavaScript中，我們通常可以像下面的代碼這樣來簡單地定義一個類：
var sample = function() {
// constructor code here
}
sample.prototype.func1 = function() {
// func1 code here
}
sample.prototype.func2 = function() {
// func2 code here
}
/* more sample prototype functions here... */
然后使用下面的代碼來實例化，并訪問其中的原型方法：
var sampleInstance = new sample(); sampleInstance.func1(); sampleInstance.func2(); // call more sample object prototype functions
但是如果我們想改寫其中一個原型方法，并且不破壞原有的sample對象，如何來實現(xiàn)呢？一個最簡單的方法就是再構建一個類，使其繼承sample，然后在繼承類的原型方法中改寫基類的方法，就像下面這樣：
var subSample = function() {
// constructor code here
}
// inherit from sample
subSample.prototype = new sample();
subSample.prototype.fun1 = function() {
// overwrite the sample's func1
}
但是如果沒有構建繼承類，而想改寫原型方法，可以直接使用下面的代碼：
var sampleInstance = new sample();
sampleInstance.func1 = function() {
sample.prototype.fun1.call(this); // call sample's func1
// sampleInstance.func1 code here
}
我們重新定義了sample的實例對象的func1方法，并在其中訪問了其原型方法func1，然后又在其中添加了一些額外代碼。通過這樣的方法，我們對sample的原型方法進行了擴展，并且沒有創(chuàng)建派生類，而且也沒有破壞sample的原型方法。
到此這篇關于在JavaScript實例對象中改寫原型方法詳情的文章就介紹到這了,更多相關在JavaScript實例對象中改寫原型方法內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
微信小程序 es6-promise.js封裝請求與處理異步進程
這篇文章主要介紹了微信小程序 es6-promise.js封裝請求與處理異步進程的相關資料,需要的朋友可以參考下2017-06-06
fs-extra實現(xiàn)yarn?create?tlist創(chuàng)建示例詳解
這篇文章主要為大家介紹了fs-extra實現(xiàn)yarn?create?tlist創(chuàng)建示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要為大家介紹了JS前端模擬Excel條件格式實現(xiàn)數據條效果，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
本文將詳細介紹JS編程風格的幾個要點與JS代碼優(yōu)化的幾點建議,需要的朋友可以參考下2020-02-02
javascript 動態(tài)添加表格行...2006-06-06
這篇文章主要介紹了微信小程序登錄態(tài)控制深入分析的相關資料,需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了JS前端白屏前世今生及解決方式案例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
一說到JavaScript的數組，大家基本都能馬上想起pop()、push()、shift()、unshift()、indexof()等等，今天小編就給大家分享幾個開發(fā)中常用的js數組方法即他們的用法。需要的朋友可以參考下面文章的具體內容2021-09-09
這篇文章主要介紹了微信小程序 Mustache語法詳細介紹的相關資料,需要的朋友可以參考下2016-10-10
JavaScript選擇器函數querySelector和querySelectorAll
這篇文章主要介紹了?JavaScript選擇器函數querySelector和querySelectorAll，下面文章圍繞querySelector和querySelectorAll的相關資料展開詳細內容,需要的朋友可以參考一下2021-11-11