JS对象的创建和访问方法

2024-08-14

3203

在JavaScript中，对象是一种复合数据类型，可以用来存储多个相关属性和方法。本文将介绍如何创建和访问JavaScript对象。 1. 使用逗号分隔创建对象要创建一个JavaScript对象

在JavaScript中，对象是一种复合数据类型，可以用来存储多个相关属性和方法。本文将介绍如何创建和访问JavaScript对象。

1. 使用逗号分隔创建对象

要创建一个JavaScript对象，可以使用花括号{}，并在其中使用逗号分隔每个属性和对应的值。例如：


var person  {
    name: "John",
    age: 30,
    occupation: "Developer"
};

以上代码创建了一个名为person的对象，该对象包含name、age和occupation三个属性。

除了使用逗号分隔创建对象外，还可以先创建一个空对象，然后使用点语法向对象中添加属性。例如：


var person  {};
  "John";
  30;
person.occupation  "Developer";

以上代码同样创建了一个名为person的对象，并向其中添加了name、age和occupation三个属性。

一旦创建了对象，就可以使用点语法或方括号语法来访问对象的属性值。例如：


console.log(); // 输出：John
console.log(person["age"]); // 输出：30

以上代码分别通过点语法和方括号语法，访问了person对象的name和age属性的值。

如果对象中的属性是一个函数，可以像访问其他属性一样使用点语法或方括号语法来访问。例如：


var calculator  {
    add: function(a, b) {
        return a   b;
    }
};
console.log((2, 3)); // 输出：5

以上代码创建了一个名为calculator的对象，其中add属性是一个函数。可以通过对象名加点加函数名的方式来调用该函数，并传入参数。

需要注意的是，当输出对象的函数属性时，输出的结果是函数的定义而不是函数执行的结果。例如：


console.log(); // 输出：function(a, b) { return a   b; }

以上代码输出的是函数add的定义，而不是函数执行的结果。

如果希望输出对象的函数执行结果，可以在对象名后直接加上小括号来调用函数。例如：


console.log(()); // 输出：undefined

以上代码输出的是函数add执行的结果。需要注意的是，如果函数需要传入参数，需要在小括号中指定参数的值。

总之，在JavaScript中创建和访问对象是非常常见的操作，掌握这些基本知识对于编写高效的JavaScript代码至关重要。