當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
【JS继承】JS继承之寄生式继承
生活随笔
收集整理的這篇文章主要介紹了
【JS继承】JS继承之寄生式继承
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
自我介紹:大家好,我是吉帥振的網絡日志;微信公眾號:吉帥振的網絡日志;前端開發工程師,工作4年,去過上海、北京,經歷創業公司,進過大廠,現在鄭州敲代碼。
JS繼承專欄?
1【JS繼承】什么是JS繼承?
2【JS繼承】常見的7種繼承方式
3【JS繼承】JS繼承之原型鏈繼承
4【JS繼承】JS繼承之構造函數繼承
5【JS繼承】JS繼承之組合繼承
6【JS繼承】JS繼承之原型式繼承
7【JS繼承】JS繼承之寄生式繼承
8【JS繼承】JS繼承之寄生組合式繼承
9【JS繼承】JS繼承之ES6 Class繼承
一、寄生式繼承
寄生式繼承的思路與寄生構造函數和工廠模式類似,即創建一個僅用于封裝繼承過程的函數,該函數在內部以某種方式來增強對象,后再像真的是它做了所有工作一樣返回對象。
function createAnother(original){ var clone = object(original); ?//通過調用函數創建一個新對象 ? ?clone.sayHi = function(){//以某種方式來增強這個對象 ? ? ? ??alert("hi"); ? ??}; ? ??return clone; ? ? ? ? //返回這個對象? }?二、createAnother()函數
createAnother()函數接收了一個參數,也就是將要作為新對象基礎的對象。然后,把這個對象(original)傳遞給 object()函數,將返回的結果賦值給 clone。再為 clone 對象 添加一個新方法 sayHi(),后返回 clone 對象。可以像下面這樣來使用 createAnother()函數:
var person = { ? ?? name: "Nicholas", ? ?? friends: ["Shelby", "Court", "Van"]? };?var anotherPerson = createAnother(person);? anotherPerson.sayHi(); //"hi"總結
以上是生活随笔為你收集整理的【JS继承】JS继承之寄生式继承的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PMAC的PVT功能实现解析笔记
- 下一篇: Vue项目中---文本框中加入simdi