js构造函数和原型

  1. 构造函数的问题
    构造函数的方法存在浪费内存的问题。
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,指挥原来的构造函数

你可能感兴趣的:(js构造函数和原型)