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

申請免費試用、咨詢電話：400-8352-114

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

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

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

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

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

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

　　var Person = function(name) {

　　this.name = name;

　　};

　　// 實例化一個Person

　　var alice = new Person('alice');

　　// 反省這個實例

　　assert( alice instanceof Person );

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

　　// 不要這么做!

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

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

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

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

　　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 的實例做初始化

　　};

　　// 用法：

　　var person = new Person;

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

　　classes.html)標準從未被完成過，class 不斷都是保存字。最經(jīng)常見的做法是將變量名class 改為_class 或