构造函数和原型详解

构造函数

构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来 ,然后封装到这个函数里面。
在JS中，使用构造函数时要注意以下两点:

1. 构造函数用于创建某一类对象，其首字母要大写
2. 构造函数要和new一起使用才有意义

new在执行时会做四件事情:
① 在内存中创建一个新的空对象。
② 让this指向这个新的对象。
③ 执行构造函数里面的代码,给这个新对象添加属性和方法。
④ 返回这个新对象(所以构造函数里面不需要retun )。

JavaScript的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的this.上添加。通过这两种方式添加的成员,就分别称为静态成员和实例成员。

• 静态成员: 在构造函数本身上添加的成员称为静态成员,只能由构造函数本身来访问
• 实例成员: 在构造函数内部创建的对象成员称为实例成员(通过this添加的,不能通过构造函数名来访问),只能由实例化的对象来访问

//定义了一个fn 构造函数  把对象的公共属性和方法放到里面
// 里面的属性和方法称为成员
function Fn(name, age) {
   
    this.name = name;
    this.age = age;
    this.skill = function () {
   
        console.log('studying');
    }
}
var zs = new Fn('张三',18);
// 实例成员就是构造函数内部通过this添加的成员name age sing就是实例成员
console.log(zs.name);//实例成员只能通过实例化的对象来访问
console.log(Fn.name);//undefined  不能通过构造函数访问

Fn.sex='男';//添加静态成员
console.log(Fn.sex);//只能通过静态成员访问

构造函数存在的问题

构造函数方法很好用,但是存在浪费内存的问题。
创建两个实例对象就会开辟两个内存空间来存放同一个函数

例如创建了一个Fn构造函数，里面定义了name、age、skill等属性和方法，方法属于复杂数据类型，当我们调用构造函数里面的方法时，会在内存里面新开辟一个空间。每创建一个实例对象都会开辟一个空间来存放同一个函数，所以容易浪费内存。
我们希望的是所有的对象使用同一个函数,这样就比较节