JavaScript 原型与 `this`：何时使用哪个？

JavaScript 中的原型与“this”

在 JavaScript 中，类是通过充当构造函数的函数来定义的。但是，这些函数中属性和方法的定义方式存在差异。

使用 'this'

当直接在构造函数中定义方法时，如下在以下示例中：

var A = function () {
    this.x = function () {
        // do something
    };
};

this 指的是新创建的类实例。在这种情况下，A() 创建一个实例并将其 x 属性设置为定义的函数。

使用原型

相反，当在构造函数的prototype属性：

var A = function () { };
A.prototype.x = function () {
    // do something
};

prototype允许同一个类的多个实例共享方法和属性。将函数分配给原型属性意味着该类的所有实例都将继承该方法。

主要区别

1. 特定于实例与特定于实例的方法类范围： 使用它定义的属性和方法特定于类的每个实例，而原型上定义的属性和方法在所有实例之间共享
2. 序列化：当对象转换为 JSON 时，原型上定义的方法不会被序列化，而使用它定义的方法会被序列化。
3. 内存效率: 与为每个实例分配自己的内存相比，使用原型来共享方法在内存使用方面可以更有效

何时使用每种方法

• 当您需要每个实例唯一的方法或属性时使用此方法。
• 当您想要在类的多个实例之间共享方法和属性、减少内存使用并避免序列化非必要时，请使用原型信息。

以上是JavaScript 原型与 `this`：何时使用哪个？的详细内容。更多信息请关注PHP中文网其他相关文章！