访问一个对象 js - Javascript

在 Javascript 中，对象是一组由键值对组成的数据集合。一般情况下，我们想要修改或者获取对象中某个属性的值，就需要访问该对象。

基础用法

我们可以使用点号(.)或者方括号([])来访问对象的属性。

点号(.)访问

当我们使用点号进行访问时，只需要输入对象名和属性名就可以了，代码片段如下：

const obj = {
  name: 'Tom',
  age: 18
}

console.log(obj.name); // 输出 'Tom'
console.log(obj.age); // 输出 18

方括号([])访问

有时候，想访问对象中的属性名是动态的，这时候就需要使用方括号进行访问，代码片段如下：

const obj = {
  name: 'Tom',
  age: 18
}

const propName = 'name';
console.log(obj[propName]); // 输出 'Tom'

高级用法

在 Javascript 中，对象的属性不仅可以是基本类型，还可以是函数。我们可以通过访问对象的函数属性来执行该函数。

const obj = {
  name: 'Tom',
  sayHi: function () {
    console.log(`Hi! My name is ${this.name}`);
  }
}

obj.sayHi(); // 输出 'Hi! My name is Tom'

另外，Javascript 还支持使用构造函数来创建对象。我们可以通过访问对象的原型属性来访问该对象的构造函数原型中的属性或方法。

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHi = function () {
  console.log(`Hi! My name is ${this.name}`);
}

const tom = new Person('Tom', 18);
console.log(tom.name); // 输出 'Tom'
tom.sayHi(); // 输出 'Hi! My name is Tom'

总结

以上就是 Javascript 中访问对象的基础和高级用法。了解和熟练掌握这些方法，对于编写 Javascript 程序将会非常有帮助。