面向对象类

面向对象，类的实例、继承

类与实例

1. 类的声明

function A(){
this.name = "name"
}
//es6
class A2{
   constructor(){
   	this.name="name"
   }
}

2. 生成实例

new A(),new A2()

类的继承

1. 如何继承

//借助构造函数继承
function P(){
	this.name = 'P'
}
P.prototype.say = function(){}//父类的原型对象无法被子类继承
function C(){
	P.call(this) //apply
	this.type = 'C'
}
//借助原型链继承
function P(){
	this.name = 'P'
	this.play = [1,2,3]
}
function C(){
	this.type = 'C'
}
C.prototype = new P()
var s1 = new C()
var s2 = new C()
s1.play.push(4)//s1与s2的play均改变，公用同一个对象
//组合方式
function P(){
	this.name = 'P'
	this.play = [1,2,3]
}
function C(){
	P.call(this)//拿到上下文
	this.type = 'C'
}
C.prototype = new P()
var s1 = new C()
var s2 = new C()
s1.play.push(4)//但是父类的构造函数执行了两次
//组合方式优化1
function P(){
	this.name = 'P'
	this.play = [1,2,3]
}
function C(){
	P.call(this)//拿到上下文
	this.type = 'C'
}
C.prototype = P.prototype
var s1 = new C()
var s2 = new C()
s1.play.push(4)//无法判断实例由父类创建的还是子类创建的
console.log(s2.constructor)
//组合方式优化2
function P(){
	this.name = 'P'
	this.play = [1,2,3]
}
function C(){
	P.call(this)//拿到上下文
	this.type = 'C'
}
C.prototype = Object.create(P.prototype)//原型对象就是参数
C.prototype.constructor = C//覆盖
var s1 = new C()
var s2 = new C()
s1.play.push(4)
console.log(s2.constructor)

2. 继承方式