Javascript中怎么定義一個類

這期內容當中小編將會給大家帶來有關Javascript中怎么定義一個類，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

其實Javascript中沒有類這個定義，但是有類這個概念。很多人都寫過這樣的代碼，對，沒錯，就是如下代碼，清晰的不能再清晰了，就是一個關鍵字 function，然后定義一個方法名，方法名后緊跟一對括號。如果你在項目中寫過這樣的代碼，那么祝賀你，你可以不費任何吹毛之力，就能一口氣讀完這篇博文了。

function Print() {       ……   }

當我們在寫c#代碼，焦頭爛額，無從下手的時候，至少我們還是可以厚著臉皮在老板的面前，敲出華麗的 class ***{}，是的，沒錯，就這幾個字符。殊不知這這幾個字符體現出來的境界。說淺些，我會敲鍵盤寫代碼，說深些，我有可能理解了面向對象的編程，至少我會定義一個類。是這樣的，c#中定義一個類是用class。

有一天，老板變態了，讓我用Javascript來定義一個類，我無從下手呀，我平時都是用$(".")，$("#")的人物呀，思考良久，我還模糊的記的document.getElementById("")這個東西，但是好像與Javascript的類扯不上關系呀。怎么辦？問了google問百度啊，***在一個角落，找到了定義Javascript類的E文。仔細一閱，難道這是一個坑嗎？明明用function定義了一個方法，活生生的把它說成一個類，反復幾次Google百度后，有點懷疑了，難道Javascript中定義一個類，真的是用function？其實沒錯，在Javascript中，定義一個類是用fucntion() ***{}。不管是在學校的菜鳥，還是國外的***程序員，在這件事上是平等的，想定義一個Javascript的類，就必須得先敲下function ***(){}。

在定義Javascript類上，表現形勢上大家雖然是平等的，都是用function ***(){}。但實質上，確是蘊含著大量的學問。也許有些朋友到目前為止，是不是感覺我說的太簡單了，那我們就在這個function上玩點花樣。

function Dog(category, name, age) {      this.Category = category;      this.Name = name;      this.Age = age;  }

一個Javascript類就這樣定義完成了，現在就可以自豪的說，我會面向對象的手法編定Javascript代碼了。

類定義好了，那我們怎么樣來用這個類呢?其實用法和C#的用法很像。

var dog01 = new Dog("狗類", "土狗", 2);  var dog02 = new Dog("狗類", "黃狗", 5);

有些朋友要拍磚了，這么簡單的東西，都拿出來說，那我們不妨再來進階一下。我上邊的代碼，實例化了兩個對象，一個是dog01,dog01下邊那個是dog02。因為dog01的Cateogry太口語化了，我要修改為dog01.Categry = '犬類'，這樣聽起來是不是舒服多了，這是一個很簡單的事，我們僅僅需要為dog01的Cateogry重賦值就可以了。我們修改了dog01的Cateory, dog02的Category會跟著變嗎？答案是肯定的，不會變，如果有變，肯定有鬼。那我們有沒有方法讓dog01,dog02這些對象的Cateogry屬性共用起來呢？也就是說當我修改了Category屬性，不管是dog01,還是dog02都跟一樣的變，我們不妨來這樣寫寫。

function Dog(name,age) {      this.Name = "";      this.Age = "";  }  Dog.prototype.Category = "狗類";  var dog01 = new Dog("土狗",2);  var dog02 = new Dog("黃狗",5);  alert(dog01.Category);  alert(dog02.Category);  Dog.prototype.Category = "犬類";  alert(dog01.Category);  alert(dog02.Category);

當我們修改Dog.prototype.Category的時候，dog01,dog02的屬性都跟著神奇的變了。是不是有點類似于C#中的static。

上述就是小編為大家分享的Javascript中怎么定義一個類了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。