javascript 面向?qū)ο缶幊?萬(wàn)物皆對(duì)象
更新時(shí)間：2009年09月17日 23:22:45 作者：
javascript幾乎成了如今web開(kāi)發(fā)人員必學(xué)必會(huì)的一門(mén)語(yǔ)言，但很多人卻只停在了一些表單驗(yàn)證等基礎(chǔ)操作層面上，在面向?qū)ο笳Z(yǔ)言大行其道的當(dāng)下，我們需要去學(xué)習(xí)javascript的面向?qū)ο蟮闹R(shí)，以便更好的掌握javascript、為深入理解各種腳本框架打好基礎(chǔ)。
javascript和java、C#等語(yǔ)言一樣也具有面向?qū)ο蟮囊恍┨卣?，但?xì)比較的時(shí)候，會(huì)發(fā)現(xiàn)這些特征并不是真正的面向?qū)ο?，很多地方都是利用?duì)象本身來(lái)模擬面向?qū)ο?，所以認(rèn)為javascript不能算是面向?qū)ο缶幊陶Z(yǔ)言，而是基于對(duì)象的語(yǔ)言。
在javascript中真的是萬(wàn)物皆對(duì)象，new出來(lái)的東西是對(duì)象，方法是對(duì)象，連類也都是對(duì)象。下面分別來(lái)看一下對(duì)象、方法和類的對(duì)象特征。
1.拿內(nèi)置的Date來(lái)看一下吧
var time = new Date();
var timeString = time.getFullYear() + "-" +
time.getMonth() + "-" +
time.getDate() + " " +
time.getHours() + ":" +
time.getMinutes() + ":" +
time.getSeconds();
document.write(timeString);
通過(guò) time來(lái)操作其所引用的Date對(duì)象，可以方便的調(diào)用Date的對(duì)象所包含的一系列g(shù)etXX()方法來(lái)獲取年月日時(shí)分秒等信息。
可以再看一下String
var username = new String("hello world");
document.write(username.length);
變量username引用了new出來(lái)的字符串對(duì)象，通過(guò)username訪問(wèn)字符串對(duì)象的length屬性。
2.方法也是對(duì)象
function hello() {
alert("hello");
};
var helloRef = hello;
helloRef();
hello是一個(gè)方法，helloRef是一個(gè)引用了hello方法的變量，helloRef和hello一樣都指向了相同的方法對(duì)象。也就意味著helloRef也可以執(zhí)行，helloRef()。同理也可以寫(xiě)出以下代碼。
var helloRef = function() {
alert("hello");
};
helloRef();
function(){alert(“hello”)}是一個(gè)匿名方法，當(dāng)然也是對(duì)象，用helloRef變量引用該方法對(duì)象后，可以通過(guò)helloRef來(lái)調(diào)用方法。
3.那么類呢？當(dāng)然類也是對(duì)象，在javascript中，不像C#或java那樣有class關(guān)鍵字用來(lái)創(chuàng)建類，而是直接使用方法的關(guān)鍵字來(lái)創(chuàng)建類或者叫模擬類。
function Person(username, age) {
this.Name = username;
this.Age = age;
this.Introduce = function() {
alert("我叫" + this.Name + ",今年" + this.Age + "歲了。");
};
};
var person1 = new Person("張三", 20);
person1.Introduce();
以上創(chuàng)建了一個(gè)Person類型，Person帶有構(gòu)造參數(shù)username和age，通過(guò)創(chuàng)建的Person對(duì)象可以調(diào)用Person所包含的方法Introduce。下面對(duì)代碼做一些修改。
function Person(username, age) {
this.Name = username;
this.Age = age;
this.Introduce = function() {
alert("我叫" + this.Name + ",今年" + this.Age + "歲了。");
};
};
var PersonClass = Person;
var person1 = new PersonClass("張三", 20);
person1.Introduce();
重新聲明新的變量PersonClass并引用Person類，PersonClass和Person都指向了原來(lái)的Person所引用的類，所以也可以用PersonClass來(lái)創(chuàng)建對(duì)象。
以上的幾個(gè)例子可能不是很恰當(dāng)，但也可以一窺javascript中萬(wàn)物皆對(duì)象。
下一節(jié)詳細(xì)的談一談javascript中的對(duì)象。
在javascript中真的是萬(wàn)物皆對(duì)象，new出來(lái)的東西是對(duì)象，方法是對(duì)象，連類也都是對(duì)象。下面分別來(lái)看一下對(duì)象、方法和類的對(duì)象特征。
1.拿內(nèi)置的Date來(lái)看一下吧
復(fù)制代碼 代碼如下:
var time = new Date();
var timeString = time.getFullYear() + "-" +
time.getMonth() + "-" +
time.getDate() + " " +
time.getHours() + ":" +
time.getMinutes() + ":" +
time.getSeconds();
document.write(timeString);
通過(guò) time來(lái)操作其所引用的Date對(duì)象，可以方便的調(diào)用Date的對(duì)象所包含的一系列g(shù)etXX()方法來(lái)獲取年月日時(shí)分秒等信息。
可以再看一下String
復(fù)制代碼 代碼如下:
var username = new String("hello world");
document.write(username.length);
變量username引用了new出來(lái)的字符串對(duì)象，通過(guò)username訪問(wèn)字符串對(duì)象的length屬性。
2.方法也是對(duì)象
復(fù)制代碼 代碼如下:
function hello() {
alert("hello");
};
var helloRef = hello;
helloRef();
hello是一個(gè)方法，helloRef是一個(gè)引用了hello方法的變量，helloRef和hello一樣都指向了相同的方法對(duì)象。也就意味著helloRef也可以執(zhí)行，helloRef()。同理也可以寫(xiě)出以下代碼。
復(fù)制代碼 代碼如下:
var helloRef = function() {
alert("hello");
};
helloRef();
function(){alert(“hello”)}是一個(gè)匿名方法，當(dāng)然也是對(duì)象，用helloRef變量引用該方法對(duì)象后，可以通過(guò)helloRef來(lái)調(diào)用方法。
3.那么類呢？當(dāng)然類也是對(duì)象，在javascript中，不像C#或java那樣有class關(guān)鍵字用來(lái)創(chuàng)建類，而是直接使用方法的關(guān)鍵字來(lái)創(chuàng)建類或者叫模擬類。
復(fù)制代碼 代碼如下:
function Person(username, age) {
this.Name = username;
this.Age = age;
this.Introduce = function() {
alert("我叫" + this.Name + ",今年" + this.Age + "歲了。");
};
};
var person1 = new Person("張三", 20);
person1.Introduce();
以上創(chuàng)建了一個(gè)Person類型，Person帶有構(gòu)造參數(shù)username和age，通過(guò)創(chuàng)建的Person對(duì)象可以調(diào)用Person所包含的方法Introduce。下面對(duì)代碼做一些修改。
復(fù)制代碼 代碼如下:
function Person(username, age) {
this.Name = username;
this.Age = age;
this.Introduce = function() {
alert("我叫" + this.Name + ",今年" + this.Age + "歲了。");
};
};
var PersonClass = Person;
var person1 = new PersonClass("張三", 20);
person1.Introduce();
重新聲明新的變量PersonClass并引用Person類，PersonClass和Person都指向了原來(lái)的Person所引用的類，所以也可以用PersonClass來(lái)創(chuàng)建對(duì)象。
以上的幾個(gè)例子可能不是很恰當(dāng)，但也可以一窺javascript中萬(wàn)物皆對(duì)象。
下一節(jié)詳細(xì)的談一談javascript中的對(duì)象。
相關(guān)文章
有時(shí)間重新審視了遍 Javascript 的面向?qū)ο髾C(jī)制。與其他的語(yǔ)言不同，Javascript 可以說(shuō)提供了更靈活的面向?qū)ο髾C(jī)制（比如 function 在完成其自身功能的同時(shí)也是對(duì)象）。2010-04-04
JavaScript 設(shè)計(jì)模式學(xué)習(xí) Singleton
JavaScript設(shè)計(jì)模式學(xué)習(xí) Singleton2009-07-07
JavaScript面向?qū)ο蟠a的寫(xiě)法與其它常見(jiàn)語(yǔ)言（Java C# C++）幾乎完全不同。2010-02-02
javascript實(shí)現(xiàn)面向?qū)ο箢惖墓δ軙?shū)寫(xiě)技巧
經(jīng)過(guò)前段時(shí)間，學(xué)習(xí)《ajax完全自學(xué)手冊(cè)》后，才知道javascript原來(lái)還可以這么寫(xiě)。2010-03-03
在本章中，我們將分析Douglas Crockford關(guān)于JavaScript繼承的一個(gè)實(shí)現(xiàn)2009-07-07
實(shí)現(xiàn)JavaScript中繼承的三種方式
在JavaScript中，繼承可以通過(guò)三種手法實(shí)現(xiàn)原型鏈繼承 使用apply、call方法 對(duì)象實(shí)例間的繼承。2009-10-10
JS 對(duì)象介紹,需要的朋友可以參考下。2010-01-01
ju 應(yīng)該是一個(gè)定義了各種方法對(duì)象 function(b) 的 b 就是 b(a[d], d) 中的參數(shù) a[d] C 是統(tǒng)計(jì)方法數(shù)量的函數(shù)2008-03-03
這兩天幫同學(xué)做秒殺網(wǎng)，打算將前臺(tái)和后臺(tái)徹底分離，僅用ajax通信。這樣就免不了大量的使用javascript，于是發(fā)現(xiàn)，js果然是難學(xué)難用。2011-06-06
javascript 面向?qū)ο缶幊? function是方法(函數(shù))
在進(jìn)行編程時(shí)，必免不了要碰到復(fù)雜的功能。初學(xué)者最怕復(fù)雜的功能，因?yàn)椴荒軌蚝芎玫倪M(jìn)行功能邊界劃分，只能一大串if、循環(huán)加case堆疊在一起，結(jié)果出來(lái)的程序自己看著暈，別人看著更暈。2009-09-09