JavaScript存取物件屬性和方法

屬性是一個變量,用來表示一個物件的特徵,如顏色、大小、重量等;方法是一個函數,用來表示物件的操作,如奔跑、呼吸、跳躍等。

物件的屬性和方法統稱為物件的成員。

存取物件的屬性

在JavaScript中,可以使用「 . 」和「 [ ] 」來存取物件的屬性。

1. 使用「 .」來存取物件屬性
語法:
    objectName.propertyName
其中,objectName 為物件名稱,propertyName為屬性名稱。

2. 使用「 [ ] 」來存取物件屬性
語法:
    objectName[propertyName]
其中,objectName 為物件名稱,propertyName為屬性名稱。

存取物件的方法

在JavaScript中,只能使用「 . 」來存取物件的方法。

語法:
    objectName.methodName()
其中,objectName 為物件名稱,methodName() 為函數名稱。

建立一個Person類別:

function Person() {
    this.name=" 张三 ";  // 定义一个属性 name
    this.sex=" 男 ";  // 定义一个属性 sex
    this.age=22;  // 定义一个属性 age
    this.say=function(){  // 定义一个方法 say()
        return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + ",今年 " + this.age +"岁!";
    }
}
var zhangsan=new Person();
alert("姓名:"+zhangsan.name);  // 使用“.”来访问对象属性
alert("性别:"+zhangsan.sex);
alert("年龄:"+zhangsan["age"]);  // 使用“[ ]”来访问对象属性
alert(zhangsan.say());  // 使用“.”来访问对象方法

實際專案開發中,一般使用「 .」來存取物件屬性;但是在某些情況下,使用「 [ ] 」會方便很多,例如,JavaScript遍歷物件屬性和方法。

繼續學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script>function Person() { this.name=" 张三 "; // 定义一个属性 name this.sex=" 男 "; // 定义一个属性 sex this.age=22; // 定义一个属性 age this.say=function(){ // 定义一个方法 say() return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + ",今年 " + this.age +"岁!"; } } var zhangsan=new Person(); alert("姓名:"+zhangsan.name); // 使用“.”来访问对象属性 alert("性别:"+zhangsan.sex); alert("年龄:"+zhangsan["age"]); // 使用“[ ]”来访问对象属性 alert(zhangsan.say()); // 使用“.”来访问对象方法</script> </head> <body> </body> </html>