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>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載,工作人員正在整理中,後期請多關注該課程~ 















