01.构造函数与原型(ES6)

**

## 构造函数与原型

**

1.1 构造函数和原型
在 ES6之前 ，对象不是基于类创建的，而是用一种称为构建函数的特殊
函数来定义对象和它们的特征。
创建对象可以通过以下三种方式:1. 对象字面量 var obj2 = {};
              2. new Object() var obj1 = new Object();
              3. 自定义构造函数

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

  在 JS 中，使用构造函数时要注意以下两点：
      构造函数用于创建某一类对象，其首字母要大写
      构造函数要和 new 一起使用才有意义

  new 在执行时会做四件事情：
      在内存中创建一个新的空对象。
      让 this 指向这个新的对象。
      执行构造函数里面的代码，给这个新对象添加属性和方法。
      返回这个新对象（所以构造函数里面不需要 return ）。

静态成员：在构造函数本上添加的成员称为静态成员，只能由构造函数本身来访问
实例成员：在构造函数内部创建的对象成员称为实例成员，只能由实例化的对象来访问

1.3 构造函数的问题:构造函数方法很好用，但是存在浪费内存的问题。

1.4 构造函数原型 prototype
构造函数通过原型分配的函数是所有对象所共享的。
JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。注意这个 prototype 就是一个对象，这个对象的所有属性和法，都会被构造函数所拥有。
我们可以把那些不变的方法，直接定义在 prototype 对象上，这样所有对象的实例就可以共享这些方法。

1.5 对象原型 proto_

对象都会有一个属性 proto_ 指向构造函数的 prototype 原型对象

- __proto__对象原型和原型对象 prototype 是等价的
- __proto__对象原型的意义就在于为对象的查找机制提供一个方向，或者说一条路线，但是它是一个非标准属性，因此实际开发中，不可以使用这个属性，它只是内部指向原型对象 prototype

1.6 constructor 构造函数

1.7 构造函数、实例、原型对象三者之间的关系

1.8 原型链

function Star(name,age) {
this.name = name;
this.age = age;
}
Star.prototype.sing = function () {
console.log(‘我会唱歌’);
}
var ldh = new Star(‘刘德华’,22);
var zxy = new Star(‘刘德华’,32);
console.log(ldh.proto);//对象身上系统自己添加一个__proto__指向我们构造函数的原型对象
console.log(ldh.proto === Star.prototype);//true
console.log(Star.prototype)

**注释  
//Star的原型对象
ldh.proto:{sing: ƒ, constructor: ƒ}
                  sing: ƒ ()
                  constructor: ƒ Star(name,age)
                  proto_: Object
 //Object的原型对象prototype
Object={
       constructor: ƒ Object()  //指向Object构造函数
       hasOwnProperty: ƒ hasOwnProperty
       …
 }

1.9 JavaScript 的成员查找机制(规则)

/* 1)当访问一个对象的属性（包括方法）时，首先查找这个对象自身有没有该属性。
  2)如果没有就查找它的原型（也就是 __proto__指向的   prototype 原型对象）。
  3)如果还没有就查找原型对象的原型（Object的原型对象）。
  4)依此类推一直找到 Object 为止（null）。
  5)__proto__对象原型的意义就在于为对象成员查找机制提供一个方向，或者说一条路线。
*/
function Star(name,age) {
this.name = name;
this.age = age;
}
Star.prototype.sing = function () {
console.log(‘我会唱歌’);
}
//Star.prototype.sex = ‘男’;
Object.prototype.sex = ‘男’;
var ldh = new Star(‘刘德华’,22);
console.log(ldh.sex);

1.10 原型对象this指向

    构造函数中的this 指向我们实例对象.
    原型对象里面放的是方法, 这个方法里面的this 指向的是 这个方法的调用者, 也就是这个实例对象.

1.11 扩展内置对象