函数添加自定义属性

常规函数:

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 实例都需要这个方法。这将浪费大量内存空间,因为它们仍然具有该属性,这将占用每个实例的内存空间。相反,如果我们只将它添加到原型中,那么它只存在于内存中的一个位置,但是所有实例都可以访问它!

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页