不錯的JavaScript物件導向的簡單入門介紹第1/2頁

來源:互聯網
上載者:User

1) 如何建立對象:
1. 使用constructor,例如:
var obj = new Object() // var 可以省略
var obj = new Date()

2. 使用對象字面值(object literals),例如:

程式碼

var obj = "123" // 建立一個String對象
var obj = /^abc$/ //建立一個RegExp對象

更加複雜的情況是,我們可以直接產生一個自訂的只有屬性的對象:

程式碼

var obj = {
name:"killercat",
home:"www.i170.com/user/killercat"
}
document.write(obj.name+"<br />")
document.write(obj.home)
結果:
killercat
www.i170.com/user/killercat

2) JavaScript中的屬性:
str = "www.i170.com/user/killercat" // str 一個字串對象的引用
document.write(str.length)
通過對象的引用加上"."再加上屬性名稱,可以訪問到這個屬性,也可以修改這個屬性,甚至是添加一個屬性,比如:
var obj = new Object()
obj.name = "killercat" // 為對象直接添加一個屬性
document.write(obj.name) // 訪問對象的屬性
obj.name = "kcat" // 修改對象的屬性
document.write(obj.name)

枚舉屬性值:
使用 for ... in 語句可以枚舉屬性(具體來說就是枚舉屬性名稱),前面已經提到過,比如
for(ele in window){
document.write(ele+"<br />")
}
如何得到屬性值?
obj = new Object()
obj.p1 = "a"
obj.p2 = "b"
obj.p3 = "c"
for(ele in obj)
document.write(obj.ele) // 這是新手可能犯的錯誤,obj.ele 的值是undefined
應該這樣訪問屬性值:
document.write(eval("obj."+ele))

未定義的屬性:
obj = new Object()
document.write(obj.name)
結果是:undefined

刪除屬性:
obj = new Object()
obj.name = "killercat"
delete obj.name
document.write(obj.name)
結果是:undefined

理解屬性:
我們知道在Java,c++中,屬性要麼屬於某個類(類屬性或說是靜態屬性),要麼屬於對象,也就是說,同一個類的對象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態屬性(變數)。

3) Constructor
源於某些未知原因,有些人似乎不願意在JavaScript提到classes這個詞,取代的是"對象的類型(object types)",甚至有些人直接叫函數,於是可以看見這樣的說法:“我們通過預先定義好的函數,產生了一個對象”。本文使用類,這個名詞。
JavaScript 定義方法的方式和定義類的方式一模一樣:
function User(name,sex){ // 定義了類 User
this.name = name;
this.sex = sex;
}

user = new User("kc","man")
document.write(user.name+"<br />"+user.sex)

contructor的作用就是在初始化屬性(變數)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.