随手笔记一 创建对象的方法

常见的JS创建对象的方法

• 字面量
• 工厂模式
• 构造函数模式
• 原型模式
• 构造函数 + 原型模式
• 其他方法 如动态原型，寄生构造函数，稳妥构造函数

工厂模式

没有建立起对象和类型之间的关联，对象是通过new Object() 创建的与 Test 无关

function Test() {
  let o = new Object();
   o.name = "factory";
   o.getName = function () {
        console.log(this.name);
     };
}

构造函数模式

解决了工厂模式中实例对象与类型无关的问题 使用this方便改变上下文 ，但是每个实例中的方法都重复声明一次

function Animals(name) {
   this.name = name;
   this.getName = function () {
       console.log(this.name);
    };
}

构造函数 + 原型模式

解决实例中方法重复声明的问题，实例中变量为独立声明，方法放在prototype中可以共享

function Person(name) {
     this.name = name;
    }
Person.prototype.sayName = function () {
      alert(this.name);
};

class创建

构造函数 + 原型的语法糖模式
其中 constructor 函数指的是（构造函数 + 原型模式）中的构造函数 Person()
方法 getName() 绑定在prototype中

class add {
   constructor(name) {
      this.name = name;
    }
    getName() {
       console.log(this.name);
      }
}

new执行步骤

• 创建一个空对象，作为将要返回的对象
  var obj = {}
• 将这个空对象的原型指向构造函数的prototype属性
  obj.proto = F.prototype
• 改变this指向，执行构造函数 （在执行apply时 将F的this改变为obj，同时传参）
  F.apply(obj,argument)
• 返回对象
  return obj