在這個(gè)例子中,`person`對(duì)象包含三個(gè)不同的屬性:`name`,`age`,和`eyeColor`。屬性的名字即鍵,其值即為對(duì)象中相應(yīng)鍵所綁定的值。我們可以通過(guò)使用點(diǎn)符號(hào)或括號(hào)來(lái)訪問(wèn)對(duì)象中特定屬性的值。<script>
var person = {
name: "John",
age: 25,
eyeColor: "blue"
};
</script>
在JavaScript中,很容易為一個(gè)對(duì)象添加或刪除一個(gè)屬性。例如,下面的代碼片段展示了如何給`person`對(duì)象添加一個(gè)新屬性以及刪除一個(gè)現(xiàn)有屬性。<script>
alert(person.name); // "John"
alert(person["age"]); // 25
</script>
JavaScript中的對(duì)象屬性可以是原始值(如字符串,數(shù)字和布爾值),還可以是函數(shù)。下面的代碼片段展示了如何為`person`對(duì)象添加一個(gè)新函數(shù)屬性。<script>
//添加一個(gè)新屬性
person.gender = "male";
//刪除一個(gè)屬性
delete person.eyeColor;
</script>
在上述代碼片段中,我們?cè)赻person`對(duì)象中添加了一個(gè)`fullName`函數(shù)屬性,該函數(shù)連接了`name`和"Doe",并將結(jié)果作為一個(gè)完整名稱返回。然后,我們將函數(shù)調(diào)用放入了`document.write`中,以便在HTML頁(yè)面中顯示完整的名稱。 在JavaScript中使用對(duì)象屬性允許程序員為其對(duì)象添加自定義行為和邏輯。對(duì)象屬性的使用極其靈活,因此可以滿足不同用例場(chǎng)景的需求。它還可以擴(kuò)展對(duì)象的行為,使其更加適應(yīng)項(xiàng)目的要求。<script>
person.fullName = function() {
return this.name + " " + "Doe";
};
document.write(person.fullName()); // John Doe
</script>