javascript - JavaScript 函数图

Question

哪些工具可用于在类似于 UML 序列图的内容中清楚地传达 JavaScript 变量作用域和闭包等概念？例如，如何编写如下代码:( the Infamous Loop Problem )

var arr = [];
for(var i=0; i<10; i++) {
    arr.push(function() { alert(i); });
}
for(var j=arr.length;j--;) {
    arr[j]();
}

...在类似于此的图表中清楚地解释:

Answer 1

The code is an arbitrary example. The code has nothing to do with the question, merely demonstrates often misleading code which could benefit from being described.

您不能在 UML 中描述闭包和作用域。根本没有对它的支持，无论如何都不在序列图中。 JavaScript 中的闭包有点像在 Java 或 C# 中定义类，您不会将其放入 UML 中。嗯，我不能很好地解释这个..

作为 JavaScript 程序员，您必须天生就理解闭包。

您的 UML 应该关注的是实体及其交互。不是某种语言“怪癖”(如果你愿意的话)，比如需要闭包。

我完全赞成描述误导性代码，但 UML 图不适合它。放在源码的注释里。如果有人想知道这个函数是如何工作的，他会查看源代码。如果他不想知道，就不要打扰他。