核心要點

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

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

父類

我們將主要通過示例進(jìn)行講解，因為對于那些閱讀過我的 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

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

functionName: (arguments) ->
  code

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

繼承類

現(xiàn)在，我們想要一個繼承自 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

這個類擴展了 Bourgeoisie，這意味著它具有父類的所有特性。構(gòu)造函數(shù)和 profit 函數(shù)完全相同，唯一的區(qū)別是構(gòu)造實例時，您調(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é)費。對學(xué)生來說，這是個艱難的時期！但你真正應(yīng)該從中學(xué)到的是 super 關(guān)鍵字，它調(diào)用父類的函數(shù)版本。

但是，我喜歡原型

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

functionName: (arguments) ->
  code

這應(yīng)該看起來很熟悉，因為 90% 的更改是將一些函數(shù)替換為尖箭頭。原型繼承系統(tǒng)保持不變，因為請記住，CoffeeScript 只是 JavaScript。語法更簡潔，如果您想以我們上次使用的 Brendan Eich 風(fēng)格實現(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ù)中使用——我們再次將其隱藏在 object(o) 方法中。

結(jié)論

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

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

CoffeeScript 中類的意義是什么？

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

如何在 CoffeeScript 中定義類？

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

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

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

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

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

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

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

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

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

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

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

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

要在 CoffeeScript 中調(diào)用類實例上的方法，您可以使用 . 運算符后跟方法名。例如，myInstance.myMethod() 將調(diào)用 myInstance 對象上的 myMethod 方法。

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

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

如何在 CoffeeScript 中檢查類實例的類型？

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

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