不錯(cuò)的JavaScript面向?qū)ο蟮暮唵稳腴T介紹第1/2頁
更新時(shí)間: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)建一個(gè)String對象
var obj = /^abc$/ //創(chuàng)建一個(gè)RegExp對象
更加復(fù)雜的情況是,我們可以直接生成一個(gè)自定義的只有屬性的對象:
程序代碼
var obj = {
name:"killercat",
home:"www.i170.com/user/killercat"
}
document.write(obj.name+"<br />")
document.write(obj.home)
結(jié)果:
killercat
www.i170.com/user/killercat
2) JavaScript中的屬性:
str = "www.i170.com/user/killercat" // str 一個(gè)字符串對象的引用
document.write(str.length)
通過對象的引用加上"."再加上屬性名,可以訪問到這個(gè)屬性,也可以修改這個(gè)屬性,甚至是添加一個(gè)屬性,比如:
var obj = new Object()
obj.name = "killercat" // 為對象直接添加一個(gè)屬性
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) // 這是新手可能犯的錯(cuò)誤,obj.ele 的值是undefined
應(yīng)該這樣訪問屬性值:
document.write(eval("obj."+ele))
未定義的屬性:
obj = new Object()
document.write(obj.name)
結(jié)果是:undefined
刪除屬性:
obj = new Object()
obj.name = "killercat"
delete obj.name
document.write(obj.name)
結(jié)果是:undefined
理解屬性:
我們知道在Java,c++中,屬性要么屬于某個(gè)類(類屬性或說是靜態(tài)屬性),要么屬于對象,也就是說,同一個(gè)類的對象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態(tài)的屬性(變量)。
3) Constructor
源于某些未知原因,有些人似乎不愿意在JavaScript提到classes這個(gè)詞,取代的是"對象的類型(object types)",甚至有些人直接叫函數(shù),于是可以看見這樣的說法:“我們通過預(yù)先定義好的函數(shù),產(chǎn)生了一個(gè)對象”。本文使用類,這個(gè)名詞。
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)建一個(gè)String對象
var obj = /^abc$/ //創(chuàng)建一個(gè)RegExp對象
更加復(fù)雜的情況是,我們可以直接生成一個(gè)自定義的只有屬性的對象:
程序代碼
var obj = {
name:"killercat",
home:"www.i170.com/user/killercat"
}
document.write(obj.name+"<br />")
document.write(obj.home)
結(jié)果:
killercat
www.i170.com/user/killercat
2) JavaScript中的屬性:
str = "www.i170.com/user/killercat" // str 一個(gè)字符串對象的引用
document.write(str.length)
通過對象的引用加上"."再加上屬性名,可以訪問到這個(gè)屬性,也可以修改這個(gè)屬性,甚至是添加一個(gè)屬性,比如:
var obj = new Object()
obj.name = "killercat" // 為對象直接添加一個(gè)屬性
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) // 這是新手可能犯的錯(cuò)誤,obj.ele 的值是undefined
應(yīng)該這樣訪問屬性值:
document.write(eval("obj."+ele))
未定義的屬性:
obj = new Object()
document.write(obj.name)
結(jié)果是:undefined
刪除屬性:
obj = new Object()
obj.name = "killercat"
delete obj.name
document.write(obj.name)
結(jié)果是:undefined
理解屬性:
我們知道在Java,c++中,屬性要么屬于某個(gè)類(類屬性或說是靜態(tài)屬性),要么屬于對象,也就是說,同一個(gè)類的對象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態(tài)的屬性(變量)。
3) Constructor
源于某些未知原因,有些人似乎不愿意在JavaScript提到classes這個(gè)詞,取代的是"對象的類型(object types)",甚至有些人直接叫函數(shù),于是可以看見這樣的說法:“我們通過預(yù)先定義好的函數(shù),產(chǎn)生了一個(gè)對象”。本文使用類,這個(gè)名詞。
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的作用就是在初始化屬性(變量)
您可能感興趣的文章:
- JavaScript面向?qū)ο蟮膬煞N書寫方法以及差別
- JavaScript面向?qū)ο缶幊?/a>
- JS面向?qū)ο?、prototype、call()、apply()
- javascript 面向?qū)ο笕吕砭氈當(dāng)?shù)據(jù)的封裝
- Javascript 面向?qū)ο螅ㄒ唬?共有方法,私有方法,特權(quán)方法)
- JS左右無縫滾動(dòng)(一般方法+面向?qū)ο蠓椒ǎ?/a>
- jquery方法+js一般方法+js面向?qū)ο蠓椒▽?shí)現(xiàn)拖拽效果
- javascript面向?qū)ο笕腴T基礎(chǔ)詳細(xì)介紹
- 學(xué)習(xí)javascript面向?qū)ο?理解javascript對象
相關(guān)文章
AppBaseJs 類庫 網(wǎng)上常用的javascript函數(shù)及其他js類庫寫的
AppBaseJs類庫。一個(gè)借鑒了網(wǎng)上常用的函數(shù)及其他js類庫寫的,方便大家的調(diào)用。2010-03-03[推薦]javascript 面向?qū)ο蠹夹g(shù)基礎(chǔ)教程
看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因?yàn)閷懙貌缓?而是因?yàn)樘願(yuàn)W. javascript中的對象還沒解釋清楚怎么回事,一上來就直奔主題,類/繼承/原型/私有變量....2009-03-03Javascript 類與靜態(tài)類的實(shí)現(xiàn)(續(xù))
由于MM的事件已干完,接著我們的靜態(tài)類的實(shí)現(xiàn)。這東西在Javascript里用得會非常的頻繁,因?yàn)獒槍ΜF(xiàn)在的網(wǎng)頁,多個(gè)基于同一個(gè)類對象的頁面不多,往往不同塊對象的交互就可以解決問題了,這就需要在JS針對元素定義幾個(gè)靜態(tài)類就可以完事了,進(jìn)入正題。2010-04-04JavaScript 設(shè)計(jì)模式之組合模式解析
“組合模式”顧名思意就是將多種實(shí)現(xiàn)組合在一起而達(dá)到牽一處而動(dòng)全身的效果。2010-04-04