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

对象的引用可以使用点运算符（.）或者中括号运算符（[]）来访问其属性，需要注意的是，在点运算符之后书写的属性名会被认为是标识符，而中括号运算符内的则被转为字符串值的式子。

两种运算符的选择都没有问题，点运算符较为简洁，中括号运算符通用性更高。能使用点运算符的一定可以使用中括号运算符，反之不成立。下面列一下他们的区别，即只能使用中括号运算符的几种情况：

1、使用了不能作为标识符的属性名的情况。

2、将变量作为属性名使用的情况。

3、将表达式的求值结果作为属性名使用的情况。

例：1、包含数值或者段横（-）的字符串不能作为标识符使用。

 

2、将变量作为属性名，

 

      3、将表达式作为属性名

 

属性是一个变量，用来表示一个对象的特征，如颜色、大小、重量等；方法是一个函数，用来表示对象的操作，如奔跑、呼吸、跳跃等。

在JavaScript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。

对象的属性和方法统称为对象的成员。

访问对象的属性

在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。

1. 使用“ . ”来访问对象属性

语法：

    objectName.propertyName

其中，objectName 为对象名称，propertyName为属性名称。

2. 使用“ [ ] ”来访问对象属性

语法：

    objectName[propertyName]

其中，objectName 为对象名称，propertyName为属性名称。

访问对象的方法

在JavaScript中，只能使用“ . ”来访问对象的方法。

语法：

    objectName.methodName()

其中，objectName 为对象名称，methodName() 为函数名称。

【例】创建一个Person类：

 

1 function Person() {

2   this.name=" 张三 "; // 定义一个属性 name

3   this.sex=" 男 "; // 定义一个属性 sex

4   this.age=22; // 定义一个属性 age

5   this.say=function(){ // 定义一个方法 say()

6     return "嗨！大家好，我的名字是 " + this.name + " ，性别是 " + this.sex + "，今年 " + this.age +"岁！";

7   }

8 }

9 var zhangsan=new Person();

10 alert("姓名："+zhangsan.name); // 使用“.”来访问对象属性

11 alert("性别："+zhangsan.sex);

12 alert("年龄："+zhangsan["age"]); // 使用“[ ]”来访问对象属性

13 alert(zhangsan.say);  // 使用“.”来访问对象方法

 

PS：浅析对象访问属性的"."和"[]"方法区别

在JavaScript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了？

例如，读取object中的property属性值：

　　　 object.property

　　　 object['property']

以上两种方式都可以实现属性的存取。

1.语法方面的区别

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

2.灵活性方面的区别

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

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

3.性能方面区别

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

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

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