函数添加自定义属性

常规函数：

function test() {
    console.log("ccc");
}
test.arr = ["1"];
console.log(test.arr);
 

答案是 ["1"];

构造函数：

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

const member = new Person("Lydia", "Hallie");
Person.getFullName = function () {
  return `${this.firstName} ${this.lastName}`;
}

console.log(member.getFullName()); 
这是按照常规函数的方式，直接添加自定义属性, 打印得到的是：
VM251:11 Uncaught TypeError: member.getFullName is not a function
    at <anonymous>:11:20

正确的给构造函数添加自定义属性的方式：
Person.prototype.getFullName = function () {
  return `${this.firstName} ${this.lastName}`;
}

原因：
假设我们将这个方法添加到构造函数本身里。也许不是每个 Person 实例都需要这个方法。这将浪费大量内存空间，因为它们仍然具有该属性，这将占用每个实例的内存空间。相反，如果我们只将它添加到原型中，那么它只存在于内存中的一个位置，但是所有实例都可以访问它！