编程语言
首页 > 编程语言> > 解码对象:JavaScript 的隐藏语言

解码对象:JavaScript 的隐藏语言

作者:互联网




面向对象编程(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,对象,属性
来源: