JavaScript開(kāi)發(fā)創(chuàng)建類：向模塊化進(jìn)軍

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

<DIV class= pages??> <DIV id= numpage??> 

在解說(shuō)MVC 的實(shí)質(zhì)之前，我們起首給人人補(bǔ)習(xí)一下根底常識(shí)，比方JavaScript 的類和事情。只要打下一個(gè)堅(jiān)實(shí)的根底，才干更好地進(jìn)修、了解更高級(jí)的概念。

　　關(guān)于靜態(tài)的類來(lái)說(shuō)，JavaScript 對(duì)象直接量就曾經(jīng)夠用了，但它對(duì)運(yùn)用承繼和實(shí)例來(lái)創(chuàng)立經(jīng)典的類往往更有協(xié)助。有需要強(qiáng)調(diào)一下：JavaScript 是基于原型的編程言語(yǔ)，并沒(méi)有包括內(nèi)置類的完成。但經(jīng)過(guò)JavaScript 可以隨便地模仿出經(jīng)典的類。

　　JavaScript 中的類口碑并不太好，由于“不敷JavaScript”而飽受批判。jQuery 并沒(méi)有觸及太多架構(gòu)辦法和承繼形式，這讓JavaScript 開(kāi)拓者確信本人不用思索太多架構(gòu)性的器械，甚至感覺(jué)類的用途不大或爽性禁用類。實(shí)踐上，類是另一種有效的東西，作為一名適用主義者，我置信類在JavaScript 中的主要性一點(diǎn)點(diǎn)不亞于它在其他現(xiàn)代編程言語(yǔ)中的主要性。

　　JavaScript 中并沒(méi)有真正的類，但JavaScript 中有結(jié)構(gòu)函數(shù)和new 運(yùn)算符。結(jié)構(gòu)函數(shù)用來(lái)給實(shí)例對(duì)象初始化屬性和值。任何JavaScript 函數(shù)都可以用做結(jié)構(gòu)函數(shù)，結(jié)構(gòu)函數(shù)必需運(yùn)用new 運(yùn)算符作為前綴來(lái)創(chuàng)立新的實(shí)例。

　　new 運(yùn)算符改動(dòng)了函數(shù)的執(zhí)行上下文，還改動(dòng)了return 語(yǔ)句的行為。實(shí)踐上，運(yùn)用new和結(jié)構(gòu)函數(shù)很相似于傳統(tǒng)的完成了類的言語(yǔ)：

　　var Person = function(name) {

　　this.name = name;

　　};

　　// 實(shí)例化一個(gè)Person

　　var alice = new Person('alice');

　　// 反省這個(gè)實(shí)例

　　assert( alice instanceof Person );

　　結(jié)構(gòu)函數(shù)的定名凡間運(yùn)用駝峰定名法，首字母大寫(xiě)，以此和通俗的函數(shù)區(qū)分隔來(lái)，這是一種習(xí)氣用法。記住這一點(diǎn)十分主要，由于你不會(huì)但愿用省略new 前綴的方法來(lái)挪用結(jié)構(gòu)函數(shù)。

　　// 不要這么做!

　　Person('bob'); //=> undefined

　　這個(gè)函數(shù)只會(huì)返回undefined，而且執(zhí)行上下文是window(全局)對(duì)象，你無(wú)意間創(chuàng)立了一個(gè)全局變量name。挪用結(jié)構(gòu)函數(shù)時(shí)不要丟失落new 要害字。

　　當(dāng)運(yùn)用new 要害字來(lái)挪用結(jié)構(gòu)函數(shù)時(shí)，執(zhí)行上下文從全局對(duì)象(window)釀成一個(gè)空的上下文，這個(gè)上下文代表了重生成的實(shí)例。因而，this 要害字指向當(dāng)時(shí)創(chuàng)立的實(shí)例。雖然了解起來(lái)有些繞，實(shí)踐上其他言語(yǔ)內(nèi)置類機(jī)制的完成也是如斯。

　　默許狀況下，假如你的結(jié)構(gòu)函數(shù)中沒(méi)有返回任何內(nèi)容，就會(huì)返回this——當(dāng)時(shí)的上下文。要否則就返回恣意非原始類型的值。比方，我們可以返回一個(gè)用以新建一個(gè)新類的函數(shù)，第一步要做的是創(chuàng)立本人的類模仿庫(kù)：

　　var Class = function(){

　　var klass = function(){

　　this.init.apply(this, arguments);

　　};

　　klass.prototype.init = function(){};

　　return klass;

　　};

　　var Person = new Class;

　　Person.prototype.init = function(){

　　// 基于Person 的實(shí)例做初始化

　　};

　　// 用法：

　　var person = new Person;

　　令人隱晦的是，因?yàn)?JavaScript 2(http://www.mozilla.org/js/language/js20-1999-02-18/

　　classes.html)標(biāo)準(zhǔn)從未被完成過(guò)，class 不斷都是保存字。最經(jīng)常見(jiàn)的做法是將變量名class 改為_(kāi)class 或