不錯(cuò)的JavaScript面向?qū)ο蟮暮?jiǎn)單入門介紹第1/2頁(yè)
更新時(shí)間:2008年07月03日 20:50:41 作者:
JavaScript是一門OOP,而有些人說(shuō),JavaScript是基于對(duì)象的。
1) 如何創(chuàng)建對(duì)象:
1. 使用constructor,例如:
var obj = new Object() // var 可以省略
var obj = new Date()
2. 使用對(duì)象字面值(object literals),例如:
程序代碼
var obj = "123" // 創(chuàng)建一個(gè)String對(duì)象
var obj = /^abc$/ //創(chuàng)建一個(gè)RegExp對(duì)象
更加復(fù)雜的情況是,我們可以直接生成一個(gè)自定義的只有屬性的對(duì)象:
程序代碼
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è)字符串對(duì)象的引用
document.write(str.length)
通過(guò)對(duì)象的引用加上"."再加上屬性名,可以訪問(wèn)到這個(gè)屬性,也可以修改這個(gè)屬性,甚至是添加一個(gè)屬性,比如:
var obj = new Object()
obj.name = "killercat" // 為對(duì)象直接添加一個(gè)屬性
document.write(obj.name) // 訪問(wèn)對(duì)象的屬性
obj.name = "kcat" // 修改對(duì)象的屬性
document.write(obj.name)
枚舉屬性值:
使用 for ... in 語(yǔ)句可以枚舉屬性(具體來(lái)說(shuō)就是枚舉屬性名),前面已經(jīng)提到過(guò),比如
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)該這樣訪問(wèn)屬性值:
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è)類(類屬性或說(shuō)是靜態(tài)屬性),要么屬于對(duì)象,也就是說(shuō),同一個(gè)類的對(duì)象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對(duì)象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態(tài)的屬性(變量)。
3) Constructor
源于某些未知原因,有些人似乎不愿意在JavaScript提到classes這個(gè)詞,取代的是"對(duì)象的類型(object types)",甚至有些人直接叫函數(shù),于是可以看見(jiàn)這樣的說(shuō)法:“我們通過(guò)預(yù)先定義好的函數(shù),產(chǎn)生了一個(gè)對(duì)象”。本文使用類,這個(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. 使用對(duì)象字面值(object literals),例如:
程序代碼
var obj = "123" // 創(chuàng)建一個(gè)String對(duì)象
var obj = /^abc$/ //創(chuàng)建一個(gè)RegExp對(duì)象
更加復(fù)雜的情況是,我們可以直接生成一個(gè)自定義的只有屬性的對(duì)象:
程序代碼
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è)字符串對(duì)象的引用
document.write(str.length)
通過(guò)對(duì)象的引用加上"."再加上屬性名,可以訪問(wèn)到這個(gè)屬性,也可以修改這個(gè)屬性,甚至是添加一個(gè)屬性,比如:
var obj = new Object()
obj.name = "killercat" // 為對(duì)象直接添加一個(gè)屬性
document.write(obj.name) // 訪問(wèn)對(duì)象的屬性
obj.name = "kcat" // 修改對(duì)象的屬性
document.write(obj.name)
枚舉屬性值:
使用 for ... in 語(yǔ)句可以枚舉屬性(具體來(lái)說(shuō)就是枚舉屬性名),前面已經(jīng)提到過(guò),比如
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)該這樣訪問(wèn)屬性值:
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è)類(類屬性或說(shuō)是靜態(tài)屬性),要么屬于對(duì)象,也就是說(shuō),同一個(gè)類的對(duì)象,一定有一樣的屬性,但是JavaScript不一樣,同樣是Object的對(duì)象,卻可以有不同的屬性。除了這類的屬性,JavaScript中還有靜態(tài)的屬性(變量)。
3) Constructor
源于某些未知原因,有些人似乎不愿意在JavaScript提到classes這個(gè)詞,取代的是"對(duì)象的類型(object types)",甚至有些人直接叫函數(shù),于是可以看見(jiàn)這樣的說(shuō)法:“我們通過(guò)預(yù)先定義好的函數(shù),產(chǎn)生了一個(gè)對(duì)象”。本文使用類,這個(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左右無(wú)縫滾動(dòng)(一般方法+面向?qū)ο蠓椒ǎ?/a>
- jquery方法+js一般方法+js面向?qū)ο蠓椒▽?shí)現(xiàn)拖拽效果
- javascript面向?qū)ο笕腴T基礎(chǔ)詳細(xì)介紹
- 學(xué)習(xí)javascript面向?qū)ο?理解javascript對(duì)象
相關(guān)文章
JavaScript 對(duì)象的屬性和方法4種不同的類型
JavaScript里,對(duì)象的屬性和方法支持4種不同的類型,需要的朋友可以參考下。2010-03-03AppBaseJs 類庫(kù) 網(wǎng)上常用的javascript函數(shù)及其他js類庫(kù)寫的
AppBaseJs類庫(kù)。一個(gè)借鑒了網(wǎng)上常用的函數(shù)及其他js類庫(kù)寫的,方便大家的調(diào)用。2010-03-03[推薦]javascript 面向?qū)ο蠹夹g(shù)基礎(chǔ)教程
看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因?yàn)閷懙貌缓?而是因?yàn)樘願(yuàn)W. javascript中的對(duì)象還沒(méi)解釋清楚怎么回事,一上來(lái)就直奔主題,類/繼承/原型/私有變量....2009-03-03Javascript 類與靜態(tài)類的實(shí)現(xiàn)(續(xù))
由于MM的事件已干完,接著我們的靜態(tài)類的實(shí)現(xiàn)。這東西在Javascript里用得會(huì)非常的頻繁,因?yàn)獒槍?duì)現(xiàn)在的網(wǎng)頁(yè),多個(gè)基于同一個(gè)類對(duì)象的頁(yè)面不多,往往不同塊對(duì)象的交互就可以解決問(wèn)題了,這就需要在JS針對(duì)元素定義幾個(gè)靜態(tài)類就可以完事了,進(jìn)入正題。2010-04-04JavaScript 設(shè)計(jì)模式之組合模式解析
“組合模式”顧名思意就是將多種實(shí)現(xiàn)組合在一起而達(dá)到牽一處而動(dòng)全身的效果。2010-04-04