JavaScript 對象 · W3School Javascript & jQuery 教程

# JavaScript 對象 **JavaScript 中的所有事物都是對象：字符串、數字、數組、日期，等等。** **在 JavaScript 中，對象是擁有屬性和方法的數據。** ## 屬性和方法屬性是與對象相關的值。方法是能夠在對象上執行的動作。舉例：汽車就是現實生活中的對象。汽車的屬性： ``` car.name=Fiat car.model=500 car.weight=850kg car.color=white ``` 汽車的方法： ``` car.start() car.drive() car.brake() ``` 汽車的屬性包括名稱、型號、重量、顏色等。所有汽車都有這些屬性，但是每款車的屬性都不盡相同。汽車的方法可以是啟動、駕駛、剎車等。所有汽車都擁有這些方法，但是它們被執行的時間都不盡相同。 ## JavaScript 中的對象在 JavaScript 中，對象是數據（變量），擁有屬性和方法。當您像這樣聲明一個 JavaScript 變量時： ``` var txt = "Hello"; ``` 您實際上已經創建了一個 JavaScript 字符串對象。字符串對象擁有內建的屬性 length。對于上面的字符串來說，length 的值是 5。字符串對象同時擁有若干個內建的方法。屬性： ``` txt.length=5 ``` 方法： ``` txt.indexOf() txt.replace() txt.search() ``` 提示：在面向對象的語言中，屬性和方法常被稱為對象的成員。在本教程稍后的章節中，您將學到有關字符串對象的更多屬性和方法。 ## 創建 JavaScript 對象 JavaScript 中的幾乎所有事務都是對象：字符串、數字、數組、日期、函數，等等。你也可以創建自己的對象。本例創建名為 "person" 的對象，并為其添加了四個屬性： ### 實例 ``` person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue"; ``` 創建新 JavaScript 對象有很多不同的方法，并且您還可以向已存在的對象添加屬性和方法。您將在本教程稍后的章節學到更多相關的內容。 ## 訪問對象的屬性訪問對象屬性的語法是： ``` _objectName_._propertyName_ ``` 本例使用 String 對象的 length 屬性來查找字符串的長度： ``` var message="Hello World!"; var x=message.length; ``` 在以上代碼執行后，x 的值是： ``` 12 ``` ## 訪問對象的方法您可以通過下面的語法調用方法： ``` _objectName_._methodName_() ``` 這個例子使用 String 對象的 toUpperCase() 方法來把文本轉換為大寫： ``` var message="Hello world!"; var x=message.toUpperCase(); ``` 在以上代碼執行后，x 的值是： ``` HELLO WORLD! ``` ## 您知道嗎？提示：在面向對象的語言中，使用 camel-case 標記法的函數是很常見的。您會經常看到 someMethod() 這樣的函數名，而不是 some_method()。 ## 課外書如需更多有關 _JavaScript 對象_的知識，請閱讀 JavaScript 高級教程中的相關內容： [ECMAScript 面向對象技術](/js/pro_js_object_oriented.asp "ECMAScript 面向對象技術") 本節簡要介紹了面向對象技術的術語、面向對象語言的要求以及對象的構成。 [ECMAScript 對象應用](/js/pro_js_object_working_with.asp "ECMAScript 對象應用") 本節講解了如何聲明和實例化對象，如何引用和廢除對象，以及綁定的概念。 [ECMAScript 對象類型](/js/pro_js_object_types.asp "ECMAScript 對象類型") 本節介紹了 ECMAScript 的三種類型：本地對象、內置對象和宿主對象，并提供了指向相關參考手冊的鏈接。 [ECMAScript 對象作用域](/js/pro_js_object_scope.asp "ECMAScript 對象作用域") 本節講解了 ECMAScript 作用域以及 this 關鍵字。 [ECMAScript 定義類或對象](/js/pro_js_object_defining.asp "ECMAScript 定義類或對象") 本節詳細講解了創建 ECMAScript 對象或類的各種方式。 [ECMAScript 修改對象](/js/pro_js_object_modifying.asp "ECMAScript 修改對象") 本節講解了如何通過創建新方法或重定義已有方法來修改對象。