新关键字

使用 new 调用函数会用被调用的函数创建一个新对象，如下所示： “构造函数”调用该方法：

function MyFunction() {}
const myObject = new MyFunction();

typeof myObject;
> "object"`

这让“构造函数”提供一个模板，用于对象：

function MyFunction() {
  this.myProperty = true;
}
const myObject = new MyFunction();

myObject.myProperty;
> true

构造函数中 this 的值函数就会引用正在创建的对象属性和方法。这样一来，创建包含数据值和操作所需的任何方法的对象将数据视为单个便携单元，这个概念称为“封装”：

function MyFunction( myArgument ) {
    this.myValue = myArgument;
    this.doubleMyValue = () => myArgument * 2;
}
const myObject = new MyFunction( 10 );

myObject.myValue;
> 10

myObject.doubleMyValue();
> 20

this 引用当前执行函数的上下文，这意味着构造函数函数遵循相同的与任何其他函数一样，应用 this 值的规则。例如，一个函数作为构造函数使用全局绑定在单独调用时为 this 的值指定以下值：

function MyFunction() {
    console.log( this  );
}
const myObject = new MyFunction();
> MyFunction { }

MyFunction(); // Global `this` binding outside of strict mode is `globalThis`
> Window { … }

(function() {
    "use strict";
    function MyFunction() {
            console.log( this );
    }
    MyFunction();  // Global `this` binding inside of strict mode is `undefined`
}());
> undefined

通常的做法是将构造函数函数使用 JavaScript 内置 API 所确定的命名模式，工厂函数。虽然您有时会发现这两个术语可以互换使用，构造函数 - 旨在作用于新构造的对象（使用 new 关键字调用时），它与“factory”不同函数”该行为明确 return 对象：

function myFunction( myArgument = false ) {
  return { "myProperty" : myArgument };
}
const myObject = myFunction( true );

myObject;
> Object { myProperty: true }

虽然基本原理是相同的，但自定义构造函数越丰富越好， ES6 中引入的 Class 语法。