实例方法与原型方法的区别

在JavaScript中，原型方法和实例方法是定义在对象上的两种不同类型的方法，它们在定义方式、调用方式、共享性和内存占用等方面存在区别，以下是详细介绍：

定义方式

• 原型方法：是定义在对象的原型对象上的方法。通过在构造函数的原型属性上添加方法来实现，这样所有由该构造函数创建的实例都可以共享这些方法。

function Person() {}
Person.prototype.sayHello = function() {
    console.log('Hello!');
};

• 实例方法：是直接定义在对象实例本身上的方法，通常在构造函数内部通过 this 关键字来定义。

function Person() {
    this.sayGoodbye = function() {
        console.log('Goodbye!');
    };
}

调用方式

• 原型方法：由构造函数创建的实例可以直接调用原型方法，就像调用自身的方法一样。

let person1 = new Person();
person1.sayHello(); 

• 实例方法：只能通过对象实例本身来调用，不能通过构造函数的原型来调用。

let person2 = new Person();
person2.sayGoodbye(); 

共享性

• 原型方法：所有由同一个构造函数创建的实例都共享原型方法，即它们都指向原型对象上的同一个方法。当在一个实例上调用原型方法时，实际上是在原型对象上调用该方法，对方法的修改会影响到所有实例。

function Person() {}
Person.prototype.sayHello = function() {
    console.log('Hello!');
};

let person1 = new Person();
let person2 = new Person();

person1.sayHello === person2.sayHello; // true

• 实例方法：每个实例都有自己独立的实例方法，它们在内存中是相互独立的。对一个实例的实例方法进行修改不会影响到其他实例。

function Person() {
    this.sayGoodbye = function() {
        console.log('Goodbye!');
    };
}

let person1 = new Person();
let person2 = new Person();

person1.sayGoodbye === person2.sayGoodbye; // false

内存占用

• 原型方法：由于原型方法是所有实例共享的，所以在内存中只需要保存一份方法定义，无论创建多少个实例，都不会额外占用过多的内存空间。
• 实例方法：每个实例都有自己独立的实例方法，这意味着每个实例在内存中都需要保存一份方法的定义，当创建大量实例时，会占用较多的内存空间。

可扩展性

• 原型方法：可以在原型对象上方便地添加、修改或删除方法，所有实例会立即受到影响，具有较好的可扩展性和灵活性。

function Person() {}
Person.prototype.sayHello = function() {
    console.log('Hello!');
};

// 后来添加的方法
Person.prototype.sayHi = function() {
    console.log('Hi!');
};

let person = new Person();
person.sayHi(); 

• 实例方法：若要为所有实例添加新的实例方法，需要在构造函数内部进行修改，并且已经创建的实例不会自动拥有新添加的方法，除非手动为每个实例添加。

function Person() {
    this.sayGoodbye = function() {
        console.log('Goodbye!');
    };
}

// 后来添加的方法
function addNewMethod(person) {
    person.sayHello = function() {
        console.log('Hello!');
    };
}

let person = new Person();
addNewMethod(person);
person.sayHello();