构造函数、原型、__proto__、constructor属性

一、构造函数

// 构造函数
function Student(name) { this.name = name }
// 实例对象
var xm = new Student('小明');
// new做了以下四件事：
// 1、创建了一个空数组
// 2、this指向了这个这个空数组
// 3、执行了构造函数里的代码
// 4、返回创建好的对象
// 实例对象：指通过构造函数创建出来的对象（new出来的对象）
// 成员：对象里的属性和方法的统称
// 这样创建对象的缺陷： 存在内存浪费问题

二、原型

// 任意的函数都有prototype属性
// 概念：函数的prototype属性的值是个对象，我们把这个对象叫做原型
// 作用：通过构造函数创建出来的实例对象可以直接去访问构造函数的prototype属性上的任意成员
// 构造函数
function Student(name) { this.name = name }
// 把需要共用的属性和方法添加到原型里，可解决内存资源浪费
Student.prototype.age = 18;
// 构造函数的原型
console.log(Student.prototype);
// 实例对象
var xm = new Student('小明');
// 实例对象可以直接使用原型里的方法和属性
console.log(xm.age); // 18

三、proto（了解）

// 任何对象都有__proto__属性
// 属性值指向了当前的原型对象  xm.__proto__ => 原型对象（不推荐）

四、constructor

// 1、该属性是原型对象自带的
// 2、原型对象的consturctor属性的值指向了当前构造函数

// 总结：
// 1、构造函数与原型之间的关系
//    构造函数可以通过prototype属性可以获取原型对象
//    原型对象可以通过constructor属性获取构造函数
// 2、构造函数与实例对象的关系
//    构造函数通过new创建了实例函数
// 3、实例对象与原型对象的关系
//    实例对象可通过__proto__获取原型对象
//    实例对象可通过constructor属性间接访问构造函数