解码对象：JavaScript 的隐藏语言

2024-03-21 18:01:40 阅读：144 来源： 互联网

面向对象编程（OOP）就像整理房间里的东西一样。在 JavaScript 中，OOP 围绕对象排列程序，这些对象的行为就像您拥有的不同项目。这些对象具有特定的角色并且可以执行不同的任务，就像您家里的电器一样。

将每个对象视为带有可以按下的按钮的工具。这些工具被分为几类，例如设备类别。它们有自己的一套规则（方法）和特征（属性）。如果一种工具出现问题，您可以修复它，而不会弄乱其他所有工具。

JavaScript 使用内置工具，例如数组和字符串，它们就像现成的设备。每个工具都有一个它可以执行的操作列表，例如添加或比较项目。有时，任务需要不同的工具来协同工作，展示对象如何协作以获得更好的性能。

对象和属性

对象是键值对的集合，其中每个键（也称为属性）映射到一个值。
属性可以是字符串或符号，值可以是任何数据类型（包括其他对象）。
对象提供了一种强大的方法来对现实世界的实体及其关系进行建模。

创建对象

我们可以使用对象字面量 ( {}) 或new Object()构造函数来创建对象。

const person = {
  name: "Lovlesh",
  age: 30,
  job: "Software Engineer",
};

访问属性

person.name我们可以使用点符号 ( ) 或方括号符号 ( )访问对象属性person["age"]。
当属性名称是有效标识符时，首选点表示法。

方法

方法是存储为对象属性的函数。

const circle = {
  radius: 5,
  area: function () {
    return Math.PI * this.radius ** 2;
  },
};
console.log(circle.area()); // Calculates the area of the circle

this关键词

在对象方法内部，this指的是对象本身。
它允许方法访问同一对象内的其他属性。

原型与继承

JavaScript 使用原型进行继承。
每个对象都有一个原型（基础对象除外）。
我们可以通过向其原型添加方法和属性来扩展对象的功能。

构造函数

构造函数创建对象的实例。

function Person(name, age) {
  this.name = name;
  this.age = age;
}
const alice = new Person("Alice", 30);

类语法 (ES6)

ES6 引入了class使用共享方法创建对象的语法。
在幕后，它仍然使用原型。

结论

理解对象对于掌握 JavaScript至关重要。深入研究物体的秘密生活，探索它们的复杂性，并释放这种多功能语言的全部潜力。将编写更多的点对点指南线程......继续关注空间。

标签：javascript,对象,属性
来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9