构造函数
不可以通过构造函数来访问实例成员
不能通过对象来访问静态成员
构造函数问题
- 浪费内存的问题
每一个对象都创造了一个不同的函数 - 解决方法
把固定函数放入prototype属性里
Star.prototype.sing = function(){
console.log('我会唱歌');
}
原型的作用
所有对象共享方法
对象身上系统自己添加一个__proto__指向我们的构造函数的原型对prototype,就可以使用原型对象的方法
方法查找的规则,先去看ldh身上是否有sing方法,如果有,就优先执行ldh本身的sing方法,如果没有,再去prototype里去找。
很多情况下需要用constructor手动指回原来的构造函数
Star.prototype{
constructor:Star,//指向原来的构造函数
sing:function(){
console.log('我会唱歌')
},
movie:function(){
console.log('我会演电影')
}
}
console.log(Star.prototype === Object.__proto__)//true,Star原型对象里的prototype指向Object.__proto__
对象查找机制
通过原型链来查找(根据__proto__指向)
优先执行本身的
Object上有toString方法,下层也可以使用,佐证了查找对象是通过原型链来查找的
在构造函数中里面this 指向的是 实例对象ldh
原型对象里的this 指向的是 实例对象ldh
e.g.
Array.prototype.sum = function () {
var num = 0;
for (let index = 0; index < this.length; index++) {
num += this[index];
}
return num;
}
console.log(Array.prototype);
//[sum: ƒ, constructor: ƒ, concat: ƒ, copyWithin: ƒ, fill: ƒ, …]
//sum: ƒ ()
var arr = [1, 1, 3, 5];
console.log(arr.sum());//10
继承
在es6之前,使用 构造函数+原型对象 模拟实现继承,被称为 组合继承