- 构造函数的问题
构造函数的方法存在浪费内存的问题。
fucntion Star(name,age){
this.name=name;
this,age=age;
this.sing=function(){
console.log("我会唱歌")
}
}
var ldh = new Star("刘德华",18);
var zxy = new Star("郑学友",20);
- 在实例化对象的时候name,age属于是简单数据类型可以直接赋值,sing()是函数属于复杂数据类型会从新分配一个内存空间。实例化多少个对象,就会从新分配多少个内存空间存放sing()
构造函数的原型 prototype
- 构造函数通过原型分配的函数,是所有对象共享的。
- javaScript 中每一个构造函数都会有一个prototype属性,指向另一个对象。prototype就是一个对象,这个对象的属性和方法,都会被构造函数拥有。
作用是我们可以把那些不变的方法,直接定义在prototype对象上,这样所以对象的实例都可以共享这些方法。不需要在开辟新的内存空间。
代码如下:
Star.prototype.sing=function(){
console.log("我会唱歌")
}
ldh.sing();
zxy.sing();
所以公共属性可以定义到构造函数内,公共的方法定义到原型对象上。
对象原型_proto_
- 对象都会有一个_proto_属性指向构造函数的prototype原型对象,所以对象可以使用构造函数的prototype原型对象的属性和方法。
- 方法查找规则:首先查看对象上是否有对象的sing(),有就执行。如果没有就通过_proto_属性查找构造函数原型对象上的sing()
- _proto_对象原型在于为对象的查找机制提供一个方向,它是非标准属性,实际开发中不可以使用。只是在内部指向prototype原型对象
constructor构造函数
对象原型_proto_和prototype原型对象都有一个constructor函数,constructor称之为构造函数,因为它指回构造函数本身。
constructor主要用于记录改对象引用于哪个构造函数,他可以让原型对象重新指向原来的构造函数。
例子:手动的利用constructor,指向原来的构造函数
Star.prototype = {
constructor:Star,
song:function(){
},
perform:function(){
}
}
- 如果不手动添加constructor:Star,这种写法会把构造函数里边的属性从新覆盖,无法指回原来的构造函数。相当于修改了原来的原型对象,给原来的原型对象赋值一个对象则需要手动添加constructor,指挥原来的构造函数