javascript变量加点

温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！

JavaScript中的变量加点是一种访问对象属性或方法的方式。当我们有一个对象时，可以使用变量名加点来访问对象的属性或方法。这种方式可以帮助我们在代码中动态地访问对象的属性和方法，使代码更加灵活和可复用。

举个例子，假设我们有一个对象person，它有两个属性name和age，我们可以通过变量名加点的方式访问这些属性。示例代码如下：


var person = {
  name: "John",
  age: 30
};
var propertyName = "name";
console.log(person.name); // 输出 "John"
console.log(person[propertyName]); // 输出 "John"
propertyName = "age";
console.log(person.age); // 输出 30
console.log(person[propertyName]); // 输出 30

在上面的例子中，我们首先创建了一个名为person的对象，它有两个属性name和age。然后我们定义了一个变量propertyName，它的值分别为"name"和"age"。通过变量名加点的方式，我们可以动态地访问person对象的属性。

当我们使用变量名加点来访问对象的属性时，实际上是在访问对象的属性值。在JavaScript中，对象的属性可以通过点语法或方括号语法来访问。点语法更常用，但方括号语法可以接受一个字符串作为属性名，这使得我们可以使用变量来访问属性。

除了访问对象的属性，变量名加点还可以用于调用对象的方法。示例代码如下：


var calculator = {
  add: function(a, b) {
    return a + b;
  },
  subtract: function(a, b) {
    return a - b;
  }
};
var methodName = "add";
console.log(calculator.add(2, 3)); // 输出 5
console.log(calculator[methodName](2, 3)); // 输出 5
methodName = "subtract";
console.log(calculator.subtract(5, 3)); // 输出 2
console.log(calculator[methodName](5, 3)); // 输出 2