访问javascript对象的属性和方法的两种方式

JavaScript中，访问对象属性和方法的两种主要方式：

 

1. 点符号（.）：

使用点符号可以直接访问对象的属性和方法。例如，

var person = {

  name: 'John',

  greet: function() {

    console.log('Hello, ' + this.name);

  }

};

 

// 访问属性

console.log(person.name); // 输出: John

 

// 访问方法

person.greet(); // 输出: Hello, John

 

2. 方括号操作符（[]）：

使用方括号可以通过变量或表达式来访问对象的属性和方法。例如，如果有一个名为obj的对象，其中有一个属性名为name，可以使用obj["name"]来获取该属性的值。方括号内可以是一个字符串或一个变量，这在属性名是动态确定或不是有效的标识符时特别有用。例如：

var person = {

  name: 'John',

  greet: function() {

    console.log('Hello, ' + this.name);

  }

};

 

// 访问属性

console.log(person['name']); // 输出: John

 

// 访问方法

person['greet'](); // 输出: Hello, John

 

// 使用变量访问属性

var propertyName = 'name';

console.log(person[propertyName]); // 输出: John

 

 3.总结

 这两种方式在大多数情况下是等效的，但是方括号的方式更加灵活，可以将属性名作为字符串传递，也可以使用变量来动态访问属性。这在处理对象的属性名不确定或者需要通过变量来访问时非常有用。