JavaScript 是一种解释型、面向对象的语言，它有两种主要数据类型：基元和对象。JavaScript 中的数据包含字段（属性或变量）和代码（过程或方法）。属性和变量本质上相似，但属性与对象有明确的联系，而变量则没有。

属性可以是对象的定义方面，也可以是将其与其他类似对象区分开来的变体。例如，水果对象有许多变体，包括水果类型，如草莓或香蕉；颜色，包括红色或黄色；形状，从圆形到椭圆形；尺寸，从小到大。所有这些变体都允许对对象进行具体定义和识别。它们赋予其作为数据类型的范围和含义。

在 JavaScript 中描述对象及其用途时，可以看看属性和方法之间的区别。属性是存储在哈希键中的值，而函数是存储在那里的方法。属性定义它，而方法允许它执行操作。但是，方法实际上只是一种可以通过对函数的引用来调用的属性。属性可以是值或函数，函数称为方法。

另一种查看对象属性的方式是将其作为数组（对象）的键。为了访问对象属性，您需要在代码中使用点或括号符号，我将在下面介绍。

这两种不同的表示法使开发人员能够识别对象中包含的属性并访问它们。下面是每种表示法的语法比较。我使用apple作为对象，并使用green属性作为其颜色。

使用点符号来访问对象属性（对象为常量）：

用于访问对象内特定对象属性（绿色）的点符号：

使用括号表示法访问对象属性值（对象为常量）：

使用常量变量访问对象属性的括号表示法：

这只是一个简单的对象，没有用两种符号来显示属性。

点：

括号：

如果比较这两个基本对象语法，您可能会注意到这是基本的比较：object.property与object[“property”]。点表示法不要求属性或变量位于等式或行左侧点后的括号中，而括号表示法则要求。乍一看，这是一个细微的差别。

第一个例子展示了点符号，第二个例子展示了括号符号，它们的作用基本相同。一般建议使用点符号，以简化和快速。但是，在特定情况下，一种符号比另一种更有用或更受欢迎。其中一种情况是当您使用变量、属性或标识符编写代码时。

有时，术语“标识符”也用来代替变量，但实际上，标识符标识变量、函数或属性。它是 JavaScript 代码中的字符序列。在处理实际调用或写下的变量时，为了让 JavaScript 读取以点符号编写的标识符，语法必须有效、区分大小写并以正确的方式编写。另一方面，括号符号更灵活。

一般来说，在访问变量而不是对象时，以及处理无效标识符时，最好使用括号表示法。

像水果这样的物体具有多种属性，包括前面提到的颜色和形状。它还可以有各种方法，例如它的生长季节和停止生长。因此，所有水果都可以具有相同的属性来相互比较，但与不同水果相关的方法的值不同。它们也可能具有相同的方法，但在一年中的不同时间执行。

不过，语法或语言上也存在差异。在 JavaScript 中，如果对象的值是原始值，则通常将其称为属性。同时，如果该值包含函数，则可以将其称为方法。

以下是属性值的示例（obj=fruit）：Fruit.name = orange Fruit.shape = oval Fruit.color = orange

下面是两个函数或方法示例（obj=fruit）：fruit.grows() fruit.collected()

下面是一个充当变量melon函数的脚本。在这种情况下，变量不是属性（因此它不一定与对象或属性相关联）。由于显示了函数showAlert()，因此许多 JavaScript 程序员会将其称为方法，而不是对象值范围内的属性。

上述函数将显示一个文本对话框，该对话框在屏幕上弹出，对变量melon说“味道不错” 。计算了方法与属性或原语，以显示文本对话框或更改文本本身。

请记住，变量不是属性，因为它不必作为值与对象相关联，并且对象本身实际上可以是变量。

下面，我们给对象banana分配各种值（原始值或者属性）：

如您所见，代码处理变量var，但它也是一个具有相关各种属性的对象，例如颜色。

属性和变量在 JavaScript 中占有重要地位。属性与 JavaScript 中的两种主要数据类型之一相关联，这种数据类型是对象。另一种数据类型是基元。还存在可以与对象相关联的方法，它们包含函数。