JavaScript 动态属性访问和静态属性访问

在JavaScript中，属性访问分为静态属性访问和动态属性访问。

       1. 静态属性访问： 静态属性访问是指在编译时就能确定的属性访问方式。在JavaScript中，可以使用点符号（.）或方括号（[]）来访问对象的属性。例如：

const obj = {
  name: '张三',
  age: 25
};

console.log(obj.name); // 输出：张三
console.log(obj['age']); // 输出：25

         2.动态属性访问： 动态属性访问是指在运行时才能确定的属性访问方式。在JavaScript中，可以使用方括号（[]）来访问对象的属性，并将属性名存储在一个变量中。例如：

const obj = {
  name: '张三',
  age: 25
};

const key = 'name';
console.log(obj[key]); // 输出：张三

 

它们的区别：

• 属性名的灵活性：使用点符号（.）进行属性访问时，属性名是固定的，不能使用变量作为属性名。而使用方括号（[]）进行属性访问时，可以在运行时动态地确定属性名，这意味着可以使用变量或者字符串作为属性名。
• 属性名的类型：当使用点符号（.）访问属性时，属性名必须是一个有效的标识符，不能是保留字或者包含空格等特殊字符。而使用方括号（[]）时，属性名可以是任何字符串，包括保留字、空格以及任何特殊字符。

总结： 静态属性访问是在编译时就能确定的属性访问方式，使用点符号（.）或方括号（[]）来访问对象的属性；而动态属性访问是在运行时才能确定的属性访问方式，使用方括号（[]）来访问对象的属性，并将属性名存储在一个变量中。