1. New 操作符

let squareList = [];
     let widthList = [5, 6, 5, 6, 5, 6, 5, 6, 5, 6, 5, 6];
     function Square(width) {
       this.width = width;
     }
     Square.prototype.getArea = function () {
       return this.width * this.width;
     };
     Square.prototype.getLength = function () {
       return this.width * 4;
     };
     for (let i = 0; i < 12; i++) {
       squareList[i] = new Square(widthList[i]);
       console.log(squareList[i].constructor);
     }

构造函数 X

概念：用于构造对象的函数
构造函数负责给对象添加属性
X.prototype对象负责保存对象的共用属性

prototype

每个函数都有prototype，用来存放共有属性
所有函数一出生就有一个 prototype 属性
所有 prototype 一出生就有一个 constructor 属性
所有 constructor 属性一出生就保存了对应的函数的地址
如果一个函数不是构造函数，它依然拥有 prototype 属性，只不过这个属性暂时没什么用
如果一个对象不是函数，那么这个对象一般来说没有 prototype 属性，但这个对象一般一定会有 proto 属性

复制代码new X()

自动创建空对象
自动为空对象关联原型，原型地址指定为X.prototype
自动将空对象作为this关键词运行构造函数
自动return this

代码规范

所有构造函数首字母大写，被构造出的对象首字母小写
new 后面的函数使用名词形式，其他函数一般使用动词开头

2. 原型公式

对象.__proto__===其构造函数.prototype

「x 的原型」等价于「x.proto 所指的对象」
一个对象的原型的地址存在这个对象的 proto 属性里，比如 x 的原型地址就存在 x.proto 里
一个对象的原型指的是这个对象与其他同类对象的公有属性的集合，比如 obj1 和 ob2 同时拥有 toString / valueOf，那么 toString / valueOf 等属性组成的对象，就是 obj1 和 obj2 的原型，这个原型的地址一般储存在构造函数的 prototype 里
x.__proto__和 Object.prototype 存储着同一个对象的地址，这个对象就是 x 的原型
「根对象 Object.prototype」的原型为 null，即没有原型，其他对象都有原型

3. 对象分类

类型是指JS数据分类，有七种

类是针对对象的分类，有无数种（对象 Object、数组 Array、函数 Function 等）

3.1 数组对象

定义一个数组

let arr = [1,2,3]
let arr = new Array(1,2,3) //元素为1,2,3
let arr = new Array(3) //长度为3

3.2 函数对象

定义一个函数

function fn(x,y){return x+y}
let fn2 = function fn(x,y){return x+y}
let fn = (x,y) => x+y
let fn = new Function('x','y','x+y')

4. prototype语法和class语法

function Person(name, age) {
       this.name = name;
       this.age = age;
     }
     Person.prototype.sayHi = function () {
       console.log("你好，我叫" + this.name);
     };

     let person = new Person("frank", 18);
     person.name === "frank"; // true
     person.age === 18; // true
     person.sayHi(); // 打印出「你好，我叫 frank」

     let person2 = new Person("jack", 19);
     person2.name === "jack"; // true
     person2.age === 19; // true
     person2.sayHi(); // 打印出「你好，我叫 jack」

class Person {
        constructor(name, age) {
          this.name = name;
          this.age = age;
        }
        sayHi() {
          console.log("你好，我叫" + this.name);
        }
      }

      let person = new Person("frank", 18);
      person.name === "frank"; // true
      person.age === 18; // true
      person.sayHi(); // 打印出「你好，我叫 frank」

      let person2 = new Person("jack", 19);
      person2.name === "jack"; // true
      person2.age === 19; // true
      person2.sayHi(); // 打印出「你好，我叫 jack」

两者方式 JS 都支持，JS 是一门包容的语言，提供了多种表达形式，两者方式都能表达程序员的思想。
构造函数+prototype 是先提供的，class 是后提供的，说明构造函数+prototype 是 JS 一开始的基因，而 class 的粉丝其实更喜欢 class，所以两种都有必要学习

5. 其他

window 是Window构造的
window.Object 是一个函数对象，这个「函数对象」的构造函数是Function， __proto__是Function.prototype
window.Function 是一个函数对象，这个「函数对象」的构造函数是Function， __proto__是Function.prototype
所有「函数对象」的「构造函数」都是 Function

JS对象分类

1. New 操作符

2. 原型公式

3. 对象分类

3.1 数组对象

3.2 函数对象

4. prototype语法和class语法

5. 其他