核心要點(diǎn)

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

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

父類(lèi)

我們將主要通過(guò)示例進(jìn)行講解，因?yàn)閷?duì)于那些閱讀過(guò)我的 CoffeeScript 入門(mén)文章的人來(lái)說(shuō)，應(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 的類(lèi)。類(lèi)的函數(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ù)字。

繼承類(lèi)

現(xiàn)在，我們想要一個(gè)繼承自 Bourgeoisie 的類(lèi)。我們將其命名為 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è)類(lèi)擴(kuò)展了 Bourgeoisie，這意味著它具有父類(lèi)的所有特性。構(gòu)造函數(shù)和 profit 函數(shù)完全相同，唯一的區(qū)別是構(gòu)造實(shí)例時(shí)，您調(diào)用的是 Senator 而不是 Bourgeoisie。另一方面，worry 函數(shù)有所不同。Senator 比股票更擔(dān)心民調(diào)，因此他的 worry 覆蓋了父類(lèi)的 worry。在下面顯示的 Student 類(lèi)中，再次可以看到這種覆蓋。

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

但是，我喜歡原型

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

functionName: (arguments) ->
  code

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

結(jié)論

CoffeeScript 中的經(jīng)典繼承系統(tǒng)為普通開(kāi)發(fā)人員提供了便利和舒適。此外，CoffeeScript 更簡(jiǎn)潔的語(yǔ)法使得實(shí)現(xiàn)真正的原型系統(tǒng)更容易一些?？傊挥泻锰帥](méi)有壞處。

關(guān)于 CoffeeScript 類(lèi)的常見(jiàn)問(wèn)題

CoffeeScript 中類(lèi)的意義是什么？

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

如何在 CoffeeScript 中定義類(lèi)？

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

CoffeeScript 類(lèi)中的繼承是如何工作的？

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

我可以在 CoffeeScript 的子類(lèi)中覆蓋方法嗎？

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

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

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

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

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

我可以在 CoffeeScript 類(lèi)中定義私有屬性和方法嗎？

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

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

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

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

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

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

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

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