js通过. 和[]访问对象属性的语法、性能区别

在JavaScript中可以使用 . 或者 [ ] 来访问对象的属性，但是对象中方法只能通过 . 来获取，例如：

function Person() {
  this.name=" 张三 "; // 定义一个属性 name
  this.say=function(){ // 定义一个方法say()
    return "我的名字是 " + this.name ;
  }
}
var a=new Person();

console.log(“姓名：”+a.name); // 使用“.”来访问对象属性
console.log(“姓名：”+a[“name”]); // 使用“[ ]”来访问对象属性
console.log(a.say()); // 使用“.”来访问对象方法
使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了？

1.语法方面的区别

点表示法的对象的属性名是标识符，而后者的属性名则是一个字符串。

2.灵活性方面的区别

在JavaScript编写程序中，可以为对象创建任意数目的属性。但使用”.“运算符来存取一个对象的属性时，属性名是用标识符表示的。而在JavaScript程序中，标识符必须被逐字地输入，它们不是一种数据类型，因此程序不能对其操作。也就是说，标识符是静态的，在程序中必须对其进行硬编码。

而使用数组[]表示法来存取一个对象的属性时，属性名是用字符串表示的。字符串是JavaScript的一种数据类型，因此可以在程序运行中操作并创建它们。

3.性能方面区别

数组[]表示法在存取属性值时会进行表达式运行。而点表示法是直接存取属性值，理论上执行效率会比数组表示法高。性能方面其实可以忽略。

某些场景必须用到数组表示法来动态存取属性值，这个是点表示法无法做到的。

总的来说，这两种方法区别上不大，都有对应的使用场景。点表示法一般作为静态对象使用时来存取属性。而数组表示法在动态存取属性时就非常有用。