对象是你可以在 JavaScript 中学习的最有价值的东西之一。你可以使用它们将你的程序提升到一个新的水平。
对象是数据的集合——或键值对——由变量和函数组成，你可以使用点表示法访问这些变量和函数。
这是一堆目前对你来说可能没有任何意义的词，让我们分解一下。
JavaScript 中的键值对是什么？
解释键值对的最简单方法是将 2 个项目链接在一起，一个是“键”，一个是“值”。一个对象内部可以有多个键值对。
现在我们了解了键值对是什么，我们可以更深入地研究对象。
JavaScript 中的对象是什么？
这是 JavaScript 中的一个对象：
const phone = {
brand: ['Samsung', 'Apple', 'Google'],
quantity: [1,2,3],
howManyGooglePhones: function(){
alert("There are " + this.quantity[1] + ' ' + this.brand[2] + " phones available.");
}
}
phone.howManyGooglePhones();
我们创建并命名我们的对象——在本例中，我们将其命名为 phone。我们还将所有内容都包裹在大括号 { } 中。每个键都用一个冒号 : 与值分开。
在上面的代码中，我们有两个数组和一个函数。请注意每个键值对如何以逗号 , 结尾——这非常重要并且是必需的。
JavaScript 中的点表示法是什么？
我们可以用点表示法调用键值对（被称为“属性”）并提取信息。
如果我想要三星品牌，我可以写 phone.brand[0]，它会输出 Samsung。我们使用对象名称（在本例中是 phone）和点，然后继续写入属性名称。
我们用函数来显示每个品牌的手机数量。上面的函数显示有多少谷歌手机库存。
this.quantity[1] 正在访问 “quantity” 属性并在 [1] 位置寻找值。this.brand[2] 正在访问我们想要显示的 Brand 属性，在本例中是 Google。
你能快速弄清楚我们如何访问数量为 3 的 Apple 吗？在这种情况下会是什么样子？
当我们想从这个对象中访问这些值的时候，使用 this。警报正在创建一个弹出窗口以在此示例的程序加载时显示此信息。
现在我们的对象已经完成，我们要调用对象中的函数并显示它。由于我们不再在对象中，因此我们不会像在对象内部那样使用它。
相反，我们将按名称并使用点表示法调用对象。我们的对象名称是 phone，所以我们这样写：
phone.howManyGooglePhones();
现在调用该函数将创建此弹出窗口：
你成功地创建了一个对象，调用了一个函数，该函数在对象中，从属性中访问两个不同的值。很棒！
如果你喜欢我的文章，你也会喜欢我的社交媒体帖子。在 Twitter 上关注我 @DThompsonDev。
原文：What is a JavaScript Object? Key Value Pairs and Dot Notation Explained，作者：Danny Thompson