在最后一个块内做清理，并在尝试块内返回--不好的做法？

Question

我有这段代码来计算一些文本的宽度：

function textWidth(text, font) {
    const span = document.createElement('span')
    try {
        span.style.cssText = `position: absolute; opacity: 0; font: ${font || "'Arial'"};`
        span.innerText = text
        document.body.appendChild(span)

        return span.offsetWidth
    } finally {
        document.body.removeChild(span)
    }
}

当try块返回一些东西时，最后在内部进行清理是不是很糟糕的做法？它按预期工作；这个问题不是关于try...finally如何工作的，我得到了那部分。我只是想知道，出于某种原因，将宽度存储在变量中，进行清理，然后返回变量是否会更好？

Answer 1

当try块返回一些东西时，最后在内部进行清理是不是很糟糕的做法？

不，这是很正常的练习。

当您执行返回span.offsetwidth时，将计算span.offsetwidth的值并将其放在一边，然后运行finally代码，然后返回该值。不需要手动操作。您的finally甚至可以在其中包含span=null；，并且这不会影响您的返回值，因为表达式span.offsetwidth在此时已经计算过。

您可以在规范中看到：

运行时语义：评估

returnStatement:return表达式；

1. 让exprRef是计算表达式的结果。
2. 让exprValue为？GetValue（exprRef）。
3. 如果！GetGeneratorKind（）是异步的，将exprValue设置为？等待（exprValue）。
4. 返回完成{[[Type]]:返回，[[Value]]:exprValue,[[Target]]:空}。

在该节选中，值在exprvalue中，它成为完成记录的一部分（这是一种规范机制，不一定是真实的东西）；然后运行finally代码，函数以该完成记录完成（当然，除非finally抛出或发出一个不同的return来取代该return)。

而且你也可以观察到：

js prettyprint-override">function example() {
  let foo = () => {
    console.log("foo called");
    return 42;
  };
  try {
    console.log("Doing: return foo();");
    return foo();
  } finally {
    console.log("finally block, doing foo = null");
    foo = null;
  }
}
console.log(example());