先了解一點點基本概念,一:JavaScript 在web 開發人員必須學習的 3 門語言中的定位:
- HTML 定義了網頁的內容
- CSS 描述了網頁的佈局
- JavaScript 定義網頁的行爲
基本概念二:JavaScript 字面量
JavaScript 對象
首先說下JavaScript的 類
JavaScript 是面向對象的語言,但 JavaScript 不使用類。
在 JavaScript 中,不會創建類,也不會通過類來創建對象(不像在java,C++,Objective-C那樣先定義類,再通過類來創建具體對象)。
JavaScript 基於 prototype,而不是基於類的。
JavaScript 中對象是變量的容器。 |
對象定義:
對象屬性
可以說 "JavaScript 對象是變量的容器"。
但是,我們通常認爲 "JavaScript 對象是鍵值對的容器"。鍵值對通常寫法爲 name : value (鍵與值以冒號分割)。鍵值對在 JavaScript 對象通常稱爲 對象屬性。
JavaScript 對象是屬性變量的容器。 |
訪問對象屬性
你可以通過兩種方式訪問對象屬性:
方法一:person.lastName; 方法二:person["lastName"]; |
JavaScript 對象是屬性變量的容器。 |
對象方法
對象的方法定義了一個函數,並作爲對象的屬性存儲。
對象方法通過添加 () 調用 (作爲一個函數)。
該實例訪問了 person 對象的 fullName() 方法:
訪問對象方法
你可以使用以下語法創建對象方法:
你可以使用以下語法訪問對象方法:
通常 fullName() 是作爲 person 對象的一個方法, fullName 是作爲一個屬性。
有多種方式可以創建,使用和修改 JavaScript 對象。
同樣也有多種方式用來創建,使用和修改屬性和方法。
例子:
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
person.fullName 和person.fullName(); 是不同的
person.fullName 的值是 John Doe。而創建 JavaScript 對象
創建新對象有兩種不同的方法:
- 定義並創建對象的實例
- 使用函數來定義對象,然後創建新的對象實例
直接創建實例
這個例子創建了對象的一個新實例,並向其添加了四個屬性:
實例
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
使用對象構造器
實例
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
一旦您有了對象構造器,就可以創建新的對象實例,就像這樣:
var myMother=new person("Sally","Rally",48,"green");
把屬性添加到 JavaScript 對象
您可以通過爲對象賦值,向已有對象添加新屬性。比如上面的例子,創建好myFather和myMother後,可以再添加屬性
var myMother=new person("Sally","Rally",48,"green");