本周重点进行JS
部分内容的复习,本次周报主要总结原型与原型链、继承的相关内容
参考视频
原型
每一个函数都有一个prototype
属性,这个属性对应的就是原型对象,原型对象中的constructor
属性指向函数对象
- 显式原型:每一个函数的
prototype
属性 在定义函数时自动添加 默认值是一个空的Object
实例对象
隐式原型:构造函数实例对象的__proto__
属性 创建对象时自动添加 默认值与构造函数的prototype
属性值相同
可以直接操作显示原型但不能直接操作隐式原型(ES6
之前) - 实例的隐式原型的值为其对应构造函数显示原型的值
- 每个原型对象也有着自己的原型对象——
object
,object
是所有对象的最终原型
原型链(隐式原型链)
访问一个对象的属性时,现在自身属性中查找,若找到则返回,如果没有就沿着__proto__
的链向上查找,若找到则返回
如果在Objeect
原型中依然没有找到,就返回undefined
原型链的作用是查找对象的属性(方法)
注意:
- 构造函数是
Function
的实例,所以构造函数也有__proto__
属性,指向Function.prototype
- 所有函数都是
Function
的实例,包括它本身(即Function.__proto__ = Function.prototype
) Object
函数的prototype
属性不是空的实例对象,Object
原型对象的__proto__
属性值为null
即Object.prototype instanceof Object = flase
Object.prototype.__proto__ = null
Object
、Function
和其它对象的关系可以归纳为下面四点:
- 一切对象都最终继承自
Object
对象,Object
对象直接继承自根源对象null
- 一切函数对象(包括
Object
对象)都直接继承自Function
对象 Object
对象直接继承自Function
对象Function
对象直接继承自己,最终继承自Object
对象
console.log(Object instanceof Function) //true
console.log(Function instanceof Object) //true
原型链继承
- 定义父类型构造函数
- 给父类型的原型添加方法
- 定义子类型的构造函数
- 创建父类型的对象赋值给子类型的原型
- 将子类型原型的构造属性设置为子类型
- 给子类型原型添加方法
创建子类型的对象(可以调用父类型的方法)
Sub.prototype = {}
var sub = new Sub()
sub.tostring()
所以可以让子类型的原型为父类型的一个实例对象(关键)
注意:
组合继承
function Person(name,age){
this.name = name
this.age = age
}
Person.prototype.setName = function(name){
this.name = name
}
function Student(name,age,prise){
Person.call(this,name,age) //为了得到属性
this.prise = prise
}
Student.prototype = new Person() //为了能看到方法
Student.prototype.constructor = Student //为了修正constructor属性
Student.prototype.setPrise = function(prise){
this.prise = prise
}
var s = new Student('Tom',18,1600)
s.setName('Andy')
s.setPrise(1800)
console.log(s.name,s.age,s.prise)