UML：JavaScript代碼的序列圖

Question

我用JavaScript編寫了一些有關畫布對象的代碼，並使用了Javascript / jQuery。 現在我想畫一個序列圖，但是我不知道從哪里開始或做什么。 例如，圖中有object：classs，但是我不知道我將使用什么對象？

Answer 1

這是一個微妙的問題：這完全取決於您要建模的內容。 JavaScript和UML是普通的伴侶，因為Javascript不像傳統的面向語言那樣基於原型 。 這種編程技術更適合於動態語言，因為它更加關注對象而不是類。 類是一種結構，更適合於靜態編程語言。 在純粹的結構圖（例如類圖）中 ，Javascript程序要建模非常困難。

但是， 時序圖主要是具有一些結構特征的行為。 但是正確識別對象的創建可能具有很大的挑戰性，因為有多種方法可以做到這一點。 Javascript對象的質量不相等。 大多數對象僅包含值：由於順序僅限於讀/寫操作，因此它們對序列圖幾乎沒有興趣。

時間軸：物體識別

如果您想創建一個序列圖，我想您有很多帶有方法的對象。 在這種情況下，創建語法更容易識別。 提供了許多詳細介紹Javascript對象創建基礎的文檔。 這是可以為您提供幫助的（抱歉，如果您已經是Javascript專家）。

消息：方法調用

創建的每個對象應具有自己的時間軸。 每個方法調用都是發給對象時間軸的消息。 細微之處在於要識別進行呼叫的其他對象（以及原始消息時間軸）。

最后，選擇圖表的范圍是重要的一步。 根據程序的復雜性和您希望關注的內容，表示畫布操作中涉及的所有Javascript對象可能都不相關。