在JavaScript中，我们可以使用构造函数来创建对象，并且可以在构造函数中定义对象的方法。然而，如果我们将方法直接定义在构造函数中，每次创建新对象时都会重新创建一次该方法，这可能会导致性能问题。
为了避免这种情况，我们可以使用对象的原型来声明对象的方法。当我们使用原型来声明方法时，它们会被存储在原型链上，并且所有共享相同原型的对象都可以访问这些方法。这样可以节省内存，并提高代码执行效率。
声明对象方法
要在构造函数中声明对象方法，我们可以像下面这样写：
function Person(name) {
this.name = name;
this.sayHello = function() {
console.log('Hello, my name is ' + this.name);
};
}在这个例子中，我们在构造函数中定义了一个名为sayHello的方法，它可以打印出人的姓名。当我们使用该构造函数创建一个新对象时，该方法也会被创建并分配给该对象。但是，如果我们有多个对象，每个对象都会拥有自己的sayHello方法，这很浪费内存。
使用原型声明对象方法
为了避免这种内存浪费，我们可以使用原型来声明对象的方法。我们可以通过构造函数的prototype属性来访问原型，并在原型上声明方法。
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
console.log('Hello, my name is ' + this.name);
};在这个例子中，我们将sayHello方法从构造函数中移动到了原型上。现在，每次创建一个新对象时，都会共享相同的sayHello方法。这样可以节省内存，并提高代码执行效率。
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- ------- -------- ------------ - --------- - ----- - ------------------------- - ---------- - ------------------- -- ---- -- - - ----------- -- --- ---- - --- --------------- ---------------- -- -- ------- -- ---- -- ----- --- ---- - --- --------------- ---------------- -- -- ------- -- ---- -- -----
在这个示例中，我们使用Person构造函数创建了两个不同的人对象，并使用它们共享的sayHello方法打印出它们的姓名。
总结
在JavaScript中，我们可以使用构造函数来创建对象，并且可以在构造函数中定义对象的方法。但是，如果我们将方法直接定义在构造函数中，每次创建新对象时都会重新创建一次该方法，这可能会导致性能问题。为了避免这种情况，我们可以使用对象的原型来声明对象的方法，这样可以节省内存，并提高代码执行效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9829
