继承
当子类继承父类对象时,可以直接拿到父类下的属性和方法无需自己重新定义,减少代码写作,js下是单继承,用原型链实现
原型链
每个构造器都有一个原型对象,原型对象包含一个指向构造器的指针,name我们让原型对象指向另一个对象实例,就会实现机制
例如: function Father(){
this.name="张三"
this.say=function(){console.log(this.name)}
}
function Son(){
this.age=23
}
Son.prototype=new Father()//继承
var s=new Son()
console.log(s.age)
console.log(s.name)//可以调用父类的属性和方法
s.say()
多态-重写
子类和父类下有相同的方法,执行不同的操作,默认执行过程是,先找自己下的属性或方法来执行,没有则去父类下找属性和方法,如果出现重名情况,则子类会覆盖父类的方法。
例如: function Father(){
this.name="张三"
this.say=function(){
console.log("唱京剧" )
}
}
function Son(){
this.age=23
this.say=function(){
console.log("唱流行歌曲")
}
}
Son.prototype=new Father()//继承
var s=new Son()
s.say()//调用自己的方法,覆盖了父类的
改变this指向的方法->call,apply,bind
三个函数本身是用来改变this指向的,可以在任何对象下使用,在继承关系里,我们一般用他们来调用父类构造器,只是定义上有区别
调用对象.call(改变的对象,值1,值2,.....) call定义多个参数
调用对象.apply(改变的对象,[值1,值2,.....]) apply只定义对象和数组
调用对象.bind(改变的对象,值1,值2,.....) bind()返回一个函数需要自己动手执行
例如: function Father(name,sex){
this.name=name
this.sex=sex
}
function Son(name,sex,age){
this.age=age
// Father.call(this,name,sex)//this指向儿子
// Father.apply(this,[name,sex])
Father.bind(this,name,sex)()//bind需要自己调用在执行,不会立即执行
//Father为后面赋值
}
Son.prototype=new Father()//继承
var s=new Son("张敏","男",12)
console.log(s.name) //可以输出构造器的赋值
原型链下的关键字
prototype:用来指向对象原型
_proto_:用来指向当前实例所属对象
constructor:用来指向构造器
实例有_proto_关键字,对象有prototype和constructor,构造器会有prototype