js 複習之 js 實現繼承的幾種方法以及優缺點

利用建構函式實現繼承

function parent () 

function child () 
var test = new child1()

function parent () 

parent.prototype = 
}function child () 
child.prototype = new parent()
let test1 = new child();
let test2 = new child();

let test1 = new child();

let test2 = new child();
test1.offer.push(4);
console.log(test1.offer) // [1, 2, 3, 4]
console.log(test2.offer) // [1, 2, 3, 4] (希望大家都能多多的拿 offer)

function parent () 

function child () 
child.prototype = new parent()
let test1 = new child();
let test2 = new parent();
console.log(test1.constructor) // parent
console.log(test2.constructor) // parent

將     child.prototype = new parent()

替換成 child.prototype = parent.prototype

function parent () 

function child () 
child.prototype = object.create(parent.prototype)
child.prototype.constructor = child // 注意這邊的建構函式，如果不加的話還是 parent
let test1 = new child();

js實現繼承的幾種方式

一，js中物件繼承 js中有三種繼承方式 1.js原型 prototype 實現繼承 複製 如下 2.建構函式實現繼承 複製 如下 複製 如下 js手冊中對call的解釋 複製 如下 call 方法 呼叫乙個物件的乙個方法，以另乙個物件替換當前物件。call thisobj arg1 arg2 ar...

JS實現繼承的幾種方式

取自 1.js實現繼承的幾種方式 2.js 物件導向之繼承 多種組合繼承 js作為物件導向的弱型別語言，繼承也是其非常強大的特性之一。那麼如何在js中實現繼承呢？讓我們拭目以待。既然要實現繼承，那麼首先我們得有乙個父類，如下 定義乙個動物類 function animal name 原型方法 ani...

JS實現繼承的幾種方式

前言 js作為物件導向的弱型別語言，繼承也是其非常強大的特性之一。那麼如何在js中實現繼承呢？讓我們拭目以待。既然要實現繼承，那麼首先我們得有乙個父類，如下 定義乙個動物類 function animal name 原型方法 animal.prototype.eat function food 核心...