不錯的JavaScript面向?qū)ο蟮暮唵稳腴T介紹第1/2頁
更新時間:2008年07月03日 20:50:41 作者:
JavaScript是一門OOP,而有些人說,JavaScript是基于對象的。
1) 如何創(chuàng)建對象:
1. 使用constructor,例如:
var obj = new Object() // var 可以省略
var obj = new Date()
2. 使用對象字面值(object literals),例如:
程序代碼
var obj = "123" // 創(chuàng)建一個String對象
var obj = /^abc$/ //創(chuàng)建一個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 語句可以枚舉屬性(具體來說就是枚舉屬性名),前面已經(jīng)提到過,比如
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++中,屬性要么屬于某個類(類屬性或說是靜態(tài)屬性),要么屬于對象,也就是說,同一個類的對象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態(tài)的屬性(變量)。
3) Constructor
源于某些未知原因,有些人似乎不愿意在JavaScript提到classes這個詞,取代的是"對象的類型(object types)",甚至有些人直接叫函數(shù),于是可以看見這樣的說法:“我們通過預先定義好的函數(shù),產(chǎn)生了一個對象”。本文使用類,這個名詞。
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的作用就是在初始化屬性(變量)
1. 使用constructor,例如:
var obj = new Object() // var 可以省略
var obj = new Date()
2. 使用對象字面值(object literals),例如:
程序代碼
var obj = "123" // 創(chuàng)建一個String對象
var obj = /^abc$/ //創(chuàng)建一個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 語句可以枚舉屬性(具體來說就是枚舉屬性名),前面已經(jīng)提到過,比如
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++中,屬性要么屬于某個類(類屬性或說是靜態(tài)屬性),要么屬于對象,也就是說,同一個類的對象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態(tài)的屬性(變量)。
3) Constructor
源于某些未知原因,有些人似乎不愿意在JavaScript提到classes這個詞,取代的是"對象的類型(object types)",甚至有些人直接叫函數(shù),于是可以看見這樣的說法:“我們通過預先定義好的函數(shù),產(chǎn)生了一個對象”。本文使用類,這個名詞。
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的作用就是在初始化屬性(變量)
相關文章
AppBaseJs 類庫 網(wǎng)上常用的javascript函數(shù)及其他js類庫寫的
AppBaseJs類庫。一個借鑒了網(wǎng)上常用的函數(shù)及其他js類庫寫的,方便大家的調(diào)用。2010-03-03Javascript 類與靜態(tài)類的實現(xiàn)(續(xù))
由于MM的事件已干完,接著我們的靜態(tài)類的實現(xiàn)。這東西在Javascript里用得會非常的頻繁,因為針對現(xiàn)在的網(wǎng)頁,多個基于同一個類對象的頁面不多,往往不同塊對象的交互就可以解決問題了,這就需要在JS針對元素定義幾個靜態(tài)類就可以完事了,進入正題。2010-04-04