Javascript對象是一個非常常用的概念,幾乎任何一種javascript程序都會使用到對象。在javascript中,對象是一個具有屬性和方法的數據結構。對象可以是一個單獨的變量,也可以是一個數組或其他數據類型的成員。它的屬性可以存儲任何數據類型,方法可以是任何函數或方法。
我們來看一個例子:
<script>
var person = {
firstName : "張",
lastName : "三",
age : 20,
occupation : "程序員",
fullName : function () {
return this.firstName + " " + this.lastName;
}
};
document.write(person.fullName());
</script>
在上面的例子中,我們首先定義了一個名為person的對象。它有四個屬性:firstName,lastName,age和occupation,還有一個方法fullName。fullName方法返回person對象的完整名稱。我們在一個文檔內打印出person的完整名稱張三。
屬性和方法可以通過兩種方式來訪問:點標記法和方括號標記法。點標記法是推薦的,因為它更易讀、更直觀。下面是點標記法和方括號標記法的例子:<script>
var person = {
firstName : "張",
lastName : "三",
age : 20,
occupation : "程序員",
fullName : function () {
return this.firstName + " " + this.lastName;
}
};
document.write(person.firstName + "<br/>");
document.write(person["lastName"]);
</script>
在上面的例子中,我們訪問了person對象的兩個屬性,分別是firstName和lastName。第一個使用點標記法,第二個使用方括號標記法。這兩條語句的結果是一樣的,它們都返回字符串“張”和“三”。
對象的定義可以是明確的,也可以是隱式的。我們來看一下隱式定義對象的例子。<script>
var person = {
firstName : "張",
lastName : "三",
age : 20,
occupation : "程序員",
fullName : function () {
return this.firstName + " " + this.lastName;
}
};
document.write(person.fullName() + "<br/>");
var person2 = new Object();
person2.firstName = "李";
person2.lastName = "四";
person2.age = 30;
person2.occupation = "設計師";
person2.fullName = function () {
return this.firstName + " " + this.lastName;
};
document.write(person2.fullName());
</script>
在上面的例子中,我們定義了兩個對象:person和person2。person是一個明確的對象,我們通過在代碼中定義它的屬性和方法來創建它。person2是一個隱式的對象,我們使用了new Object()語法來創建它,并在代碼中添加了屬性和方法。最終,我們使用兩者的fullName() 方法打印出了他們的完整名稱。
javascript對象是一個強大的概念,它可以為你的程序提供許多靈活性和擴展性。無論你是使用明確的還是隱式的對象,還是使用點標記法還是方括號標記法,都一定要理解對象的基本概念和語法。只有這樣,才能真正編寫出高效、可讀性強的javascript程序。上一篇css代碼圖片上移