核心要點(diǎn)

• CoffeeScript 實(shí)現(xiàn)了傳統(tǒng)的類系統(tǒng)，儘管 JavaScript 本身沒有。這使得初學(xué)者更容易理解，同時(shí)保留了原型對(duì)於經(jīng)驗(yàn)豐富的程序員的靈活性。
• CoffeeScript 類支持繼承，允許創(chuàng)建子類，這些子類自動(dòng)繼承其父類的屬性和方法。 子類也可以覆蓋父類函數(shù)，如“Senator”和“Student”子類中的“worry”和“profit”函數(shù)所示。
• 儘管 CoffeeScript 方便且語法簡潔，但它仍然允許實(shí)現(xiàn) JavaScript 的原型系統(tǒng)，包括使用“::”作為“prototype”的快捷方式，以及使用“extends”和“super”關(guān)鍵字進(jìn)行構(gòu)造函數(shù)。

JavaScript 沒有傳統(tǒng)的類系統(tǒng)，而是使用原型。原型非常靈活且功能強(qiáng)大，但對(duì)於初學(xué)者來說很令人困惑。因此，CoffeeScript 創(chuàng)建了一個(gè)傳統(tǒng)的類系統(tǒng)。但是……它是如何做到的呢？ CoffeeScript 的口號(hào)是“它只是 JavaScript”，而 JavaScript 明顯缺少傳統(tǒng)的類系統(tǒng)。在本文中，我們將介紹創(chuàng)建 CoffeeScript 類的基礎(chǔ)知識(shí)。在下一篇文章中，我們將深入研究生成的 JavaScript（相對(duì)高級(jí)），以了解其背後的魔力。

父類

我們將主要通過示例進(jìn)行講解，因?yàn)閷?duì)於那些閱讀過我的 CoffeeScript 入門文章的人來說，應(yīng)該很容易理解正在發(fā)生的事情。

class Bourgeoisie
  constructor: (@age, @privilegeConstant) ->

  worry: ->
    console.log("我的股票下跌了 1%！")

  profit: (hardWork, luck) ->
    return (@age - 23) * hardWork * (luck + @privilegeConstant)

elite = new Bourgeoisie(29, 397)
elite.worry() # "我的股票下跌了 1%！"
elite.profit(20, 50) # 53640

我們聲明了一個(gè)名為 Bourgeoisie 的類。類的函數(shù)聲明如下：

functionName: (arguments) ->
  code

構(gòu)造函數(shù)命名為 constructor。它接受兩個(gè)參數(shù)，age 和 privilegeConstant，並自動(dòng)將它們賦值為實(shí)例變量（@ 是 CoffeeScript 中 this 的替代，在構(gòu)造函數(shù)的參數(shù)中使用時(shí)會(huì)自動(dòng)將變量賦值給實(shí)例）。當(dāng)您創(chuàng)建一個(gè)新的 Bourgeoisie 時(shí)，構(gòu)造函數(shù)會(huì)自動(dòng)調(diào)用，就像代碼示例底部一樣。我們還有另外兩個(gè)函數(shù)。第一個(gè)函數(shù) worry 不接受任何參數(shù)。第二個(gè)函數(shù) profit 接受兩個(gè)參數(shù)並返回一個(gè)數(shù)字。

繼承類

現(xiàn)在，我們想要一個(gè)繼承自 Bourgeoisie 的類。我們將其命名為 Senator。

class Senator extends Bourgeoisie
  worry: ->
    console.log("民調(diào)下跌了 1%！")

senator = new Senator(45, 992)
senator.worry() # "民調(diào)下跌了 1%！"
senator.profit(6, 10) # 132264

這個(gè)類擴(kuò)展了 Bourgeoisie，這意味著它具有父類的所有特性。構(gòu)造函數(shù)和 profit 函數(shù)完全相同，唯一的區(qū)別是構(gòu)造實(shí)例時(shí)，您調(diào)用的是 Senator 而不是 Bourgeoisie。另一方面，worry 函數(shù)有所不同。 Senator 比股票更擔(dān)心民調(diào)，因此他的 worry 覆蓋了父類的 worry。在下面顯示的 Student 類中，再次可以看到這種覆蓋。

class Bourgeoisie
  constructor: (@age, @privilegeConstant) ->

  worry: ->
    console.log("我的股票下跌了 1%！")

  profit: (hardWork, luck) ->
    return (@age - 23) * hardWork * (luck + @privilegeConstant)

elite = new Bourgeoisie(29, 397)
elite.worry() # "我的股票下跌了 1%！"
elite.profit(20, 50) # 53640

學(xué)生的 worry 覆蓋了父類的 worry（比 Senator 的方式更戲劇化），他們的 profit 也被覆蓋了。但是，覆蓋現(xiàn)在取決於父類的 profit 函數(shù)。它採用該函數(shù)並減去學(xué)費(fèi)。對(duì)學(xué)生來說，這是個(gè)艱難的時(shí)期！但你真正應(yīng)該從中學(xué)到的是 super 關(guān)鍵字，它調(diào)用父類的函數(shù)版本。

但是，我喜歡原型

很好！ CoffeeScript 為您提供便利，但它仍然為您提供強(qiáng)大的功能。讓我們使用它！這是我們上次的簡略示例：

functionName: (arguments) ->
  code

這應(yīng)該看起來很熟悉，因?yàn)?90% 的更改是將一些函數(shù)替換為尖箭頭。原型繼承系統(tǒng)保持不變，因?yàn)檎?qǐng)記住，CoffeeScript 只是 JavaScript。語法更簡潔，如果您想以我們上次使用的 Brendan Eich 風(fēng)格實(shí)現(xiàn)原型，則無需學(xué)習(xí)更多內(nèi)容。這並不是說 CoffeeScript 沒有應(yīng)用一些快捷方式。您可以使用 :: 代替 prototype。但是，在 Brendan Eich 風(fēng)格的原型中，我們只需要在 object(o) 方法中使用一次。我們還可以訪問 extends 和 super 關(guān)鍵字，但這些關(guān)鍵字僅在構(gòu)造函數(shù)中使用——我們?cè)俅螌⑵潆[藏在 object(o) 方法中。

結(jié)論

CoffeeScript 中的經(jīng)典繼承系統(tǒng)為普通開發(fā)人員提供了便利和舒適。此外，CoffeeScript 更簡潔的語法使得實(shí)現(xiàn)真正的原型系統(tǒng)更容易一些?？傊?，只有好處沒有壞處。

關(guān)於 CoffeeScript 類的常見問題

CoffeeScript 中類的意義是什麼？

CoffeeScript 中的類是一個(gè)基本概念，有助於組織和構(gòu)建代碼。它們提供了一種創(chuàng)建具有特定屬性和方法的對(duì)象的方法。類使創(chuàng)建複雜的數(shù)據(jù)結(jié)構(gòu)更容易，並提供了一種將數(shù)據(jù)和功能封裝在一個(gè)地方的方法。它們還支持繼承，允許您創(chuàng)建一個(gè)繼承自現(xiàn)有類的新的類。這可以大大減少代碼重複並提高代碼的可維護(hù)性。

如何在 CoffeeScript 中定義類？

在 CoffeeScript 中定義類很簡單。您使用 class 關(guān)鍵字後跟類名。例如，class MyClass。然後，您可以使用 @ 符號(hào)引用類的實(shí)例來在類中定義屬性和方法。例如，@myProperty 將定義類的屬性，而 @myMethod: -> 將定義方法。

CoffeeScript 類中的繼承是如何工作的？

CoffeeScript 中的繼承是使用 extends 關(guān)鍵字實(shí)現(xiàn)的。當(dāng)您定義一個(gè)類時(shí)，您可以指定它擴(kuò)展另一個(gè)類。這意味著新類將繼承它擴(kuò)展的類的所有屬性和方法。例如，class MySubClass extends MyClass 將創(chuàng)建一個(gè)繼承自 MyClass 的新類。

我可以在 CoffeeScript 的子類中覆蓋方法嗎？

是的，您可以在 CoffeeScript 的子類中覆蓋方法。當(dāng)您在子類中定義與超類中方法同名的一個(gè)方法時(shí)，將使用子類的方法。如果您仍然想調(diào)用超類的方法，可以使用 super 關(guān)鍵字。

如何在 CoffeeScript 中創(chuàng)建類的實(shí)例？

要在 CoffeeScript 中創(chuàng)建類的實(shí)例，您可以使用 new 關(guān)鍵字後跟類名。例如，myInstance = new MyClass 將創(chuàng)建 MyClass 的一個(gè)新實(shí)例。

CoffeeScript 類中構(gòu)造函數(shù)方法的用途是什麼？

CoffeeScript 類中的構(gòu)造函數(shù)方法是一個(gè)特殊的方法，當(dāng)創(chuàng)建類的新的實(shí)例時(shí)會(huì)被調(diào)用。它通常用於初始化類的屬性。在 CoffeeScript 中，構(gòu)造函數(shù)方法是使用 constructor 關(guān)鍵字定義的。

我可以在 CoffeeScript 類中定義私有屬性和方法嗎？

CoffeeScript 不內(nèi)置支持私有屬性和方法。但是，您可以通過使用閉包或在構(gòu)造函數(shù)方法中定義屬性和方法來實(shí)現(xiàn)類似的效果，這使得它們只能在類的實(shí)例內(nèi)訪問。

如何在 CoffeeScript 中調(diào)用類實(shí)例上的方法？

要在 CoffeeScript 中調(diào)用類實(shí)例上的方法，您可以使用 . 運(yùn)算符後跟方法名。例如，myInstance.myMethod() 將調(diào)用 myInstance 對(duì)像上的 myMethod 方法。

我可以在 CoffeeScript 中定義類之後向類添加屬性和方法嗎？

是的，您可以在 CoffeeScript 中定義類之後向類添加屬性和方法。您可以通過在類的原型上定義它們來實(shí)現(xiàn)。例如，MyClass::myNewMethod = -> 將向 MyClass 添加一個(gè)新方法。

如何在 CoffeeScript 中檢查類實(shí)例的類型？

要在 CoffeeScript 中檢查類實(shí)例的類型，您可以使用 instanceof 運(yùn)算符。例如，myInstance instanceof MyClass 如果 myInstance 是 MyClass 的實(shí)例，則返回 true。

以上是咖啡網(wǎng)中的課的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！