1. 程式人生 > >繼承的五種方式

繼承的五種方式

prototype xtend function 混入 post create es6 extend proto

1.混入式繼承
var obj1 = {}
var obj2 = {
    name: ‘ys‘,
    age: 18
}
for(var k in obj2){
    obj1[k] = obj2[k]
}

2.原型繼承
// 方法一:
function Person() {
 
};
var obj1 = {}
var obj2 = {
    name: ‘ys‘,
    age:18
}
obj2 = new Person
Person.prototype = obj2
 
 
// 方法二:
function Person() {
 
};
var obj1 = {}
var obj2 = { name: ‘ys‘, age:18 }
for(var k in obj2){ Person.prototype[k] = obj2[k] }
 

3.經典繼承
var obj1 = {}
var obj2 = {
    name: ‘ys‘,
    age: 19
}
obj1 = Object.create(obj2)

4.es6 class extends繼承
 
var obj1 = {}
var obj2 = {
    name: ‘ys‘,
    age: 19
}
class obj1 extends obj2 {
    
// 讓obj1繼承了obj2的屬性和方法 }

繼承的五種方式