JavaScript 对象145
在 JavaScript 中,对象是存储成对键值的数据结构。键值对由冒号分隔,键必须是字符串,值可以是任何 JavaScript 类型,包括另一个对象。
创建对象有几种方法。最常见的方法是使用字面语法,如下所示:```javascript
const person = {
name: "John Doe",
age: 30,
city: "New York"
};
```
也可以使用构造函数来创建对象,如下所示:```javascript
const person = new Object();
= "John Doe";
= 30;
= "New York";
```
对象可以通过点运算符访问其属性,如下所示:```javascript
(); // John Doe
```
也可以使用方括号访问属性,如下所示:```javascript
(person["name"]); // John Doe
```
对象可以包含方法,方法是附加到对象上的函数。方法可以通过点运算符调用,如下所示:```javascript
= function() {
("Hello, my name is " + );
};
(); // Hello, my name is John Doe
```
对象还可以包含其他对象,称为嵌套对象,如下所示:```javascript
const person = {
name: "John Doe",
age: 30,
city: "New York",
address: {
street: "123 Main Street",
city: "New York",
state: "NY",
zip: 12345
}
};
```
可以通过点运算符访问嵌套对象的属性,如下所示:```javascript
(); // 123 Main Street
```
对象是 JavaScript 中强大的数据结构,用于存储和组织数据。它们可以用于各种目的,例如表示用户、产品或任何其他类型的信息。
对象方法
除了属性之外,对象还可以包含方法,方法是附加到对象上的函数。方法可以通过点运算符调用,如下所示:```javascript
const person = {
name: "John Doe",
greet: function() {
("Hello, my name is " + );
}
};
(); // Hello, my name is John Doe
```
对象方法可以接受参数,如下所示:```javascript
const person = {
name: "John Doe",
greet: function(name) {
("Hello, my name is " + + ", and your name is " + name);
}
};
("Jane"); // Hello, my name is John Doe, and your name is Jane
```
对象方法还可以返回一个值,如下所示:```javascript
const person = {
name: "John Doe",
getName: function() {
return ;
}
};
(()); // John Doe
```
对象继承
对象继承允许创建新对象,这些新对象从现有对象继承属性和方法。这通过使用 () 方法来实现,如下所示:```javascript
const parentObject = {
name: "Parent Object",
greet: function() {
("Hello, I am " + );
}
};
const childObject = (parentObject);
= "Child Object";
(); // Hello, I am Child Object
```
子对象继承了父对象的 name 属性和 greet() 方法。它还可以添加自己的属性和方法,如下所示:```javascript
= 30;
= function() {
("My age is " + );
};
(); // My age is 30
```
对象继承是一个强大的机制,用于创建和组织复杂的对象层次结构。它允许重用代码并在对象之间共享数据和行为。
2024-12-07
上一篇:JavaScript 字符
重温:前端MVC的探索者与现代框架的基石
https://jb123.cn/javascript/72613.html
揭秘:八大万能脚本语言,编程世界的“万金油”与“瑞士军刀”
https://jb123.cn/jiaobenyuyan/72612.html
少儿Python编程免费学:从入门到进阶的全方位指南
https://jb123.cn/python/72611.html
Perl 高效解析 CSV 文件:从入门到精通,告别数据混乱!
https://jb123.cn/perl/72610.html
荆门Python编程进阶指南:如何从零到专业,赋能本地数字未来
https://jb123.cn/python/72609.html
热门文章
JavaScript (JS) 中的 JSF (JavaServer Faces)
https://jb123.cn/javascript/25790.html
JavaScript 枚举:全面指南
https://jb123.cn/javascript/24141.html
JavaScript 逻辑与:学习布尔表达式的基础
https://jb123.cn/javascript/20993.html
JavaScript 中保留小数的技巧
https://jb123.cn/javascript/18603.html
JavaScript 调试神器:步步掌握开发调试技巧
https://jb123.cn/javascript/4718.html