JavaScript 中的'this”和'prototype”有什么区别？

理解 JavaScript 中“原型”与“this”的微妙之处

简介

在 JavaScript 编程领域，术语“原型” ' 和 'this' 在面向对象开发中起着至关重要的作用。然而，他们独特的行为可能会导致混乱。本文旨在阐明这些概念之间的差异，并全面了解它们的用法。

'prototype' 与 'this'

'this'

“this”是一个特殊关键字，指的是调用函数的当前上下文。它提供对对象的实例属性和方法的访问。如果调用函数时不使用“new”运算符，“this”将默认为全局对象（浏览器环境中的窗口）。

'prototype'

'prototype' 是一个属性提供了一种在函数的多个实例之间共享属性和方法的方法的函数。该函数的每个实例都可以通过其隐藏的 [[Prototype]] 属性访问原型的属性和方法。

示例场景

场景 1:

直接在上面定义一个方法函数：

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

在这种情况下，表达式 'this.x()' 引用 'window.x()'，因为 'this' 默认为全局对象。

场景2：

定义一个方法prototype:

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

这里，'x()'方法被分配给原型对象（'A.prototype'）。这允许“A”的所有实例访问“x()”方法。

附加说明

• 构造函数使用“new”运算符来创建函数的实例。当使用“new”调用函数时，“this”会绑定到一个新对象。
• 将对象序列化为 JSON 将仅包含其自身的属性，而不包含原型上定义的属性。

相关问题

• JavaScript 的原型是什么性质？
• “this”关键字在 JavaScript 中的表现如何？
• JavaScript 中函数的作用域是多少？

内存注意事项

值得注意的是，使用“原型”来共享方法不一定会带来显着的内存节省。但是，与每个实例都有自己的方法副本相比，它通常会减少内存消耗。

以上是JavaScript 中的'this”和'prototype”有什么区别？的详细内容。更多信息请关注PHP中文网其他相关文章！