在 ECMAScript 2019 中，也就是 ES10 中，对空格符的使用进行了一些变更。这些变更主要涉及到了函数参数列表和 catch 语句中的空格使用，以及在模板字面量中使用空格的方式。这些变更可能会对我们的代码排版产生影响，因此我们需要了解这些变更的细节和影响。
函数参数列表中的空格变更
在 ES10 中，函数参数列表中的空格使用发生了变更。在以前的版本中，我们通常使用以下方式来书写函数参数列表：
function foo(a, b, c) {
// ...
}在 ES10 中，我们可以在参数列表中使用逗号后的空格，这样可以让代码更加易读：
function foo(a, b, c,) {
// ...
}这种方式也适用于函数调用中的参数列表。例如，我们可以这样调用一个函数：
foo(1, 2, 3,);
注意，最后一个参数后面的逗号是可选的，但是如果你使用了逗号，那么后面必须跟上一个空格。
catch 语句中的空格变更
在 ES10 中，catch 语句中的空格使用也发生了变更。在以前的版本中，我们通常使用以下方式来书写 catch 语句：
try {
// ...
} catch (e) {
// ...
}在 ES10 中，我们可以在 catch 关键字和左括号之间使用一个空格，以及在左括号和参数之间使用一个空格，这样可以让代码更加易读：
try {
// ...
} catch (e) {
// ...
}模板字面量中的空格变更
在 ES10 中，模板字面量中的空格使用也发生了变更。在以前的版本中，我们通常使用以下方式来书写模板字面量：
const str = `Hello, ${name}!`;在 ES10 中，我们可以在模板字面量中使用空格，并且这些空格不会被忽略。例如，我们可以这样书写一个模板字面量：
const str = `Hello, ${ name }!`;在这个例子中，我们在变量名和两个花括号之间使用了一个空格。这个空格不会被忽略，而是会被包含在生成的字符串中。
总结
在 ES10 中，空格符的使用发生了一些变更。我们可以在函数参数列表和 catch 语句中使用额外的空格，以及在模板字面量中使用空格。这些变更可以让代码更加易读，但是我们需要注意这些变更的细节和影响，以便正确地排版我们的代码。
示例代码
下面是一些示例代码，演示了 ES10 中空格符变更的使用方法：
-- -------------------- ---- ------- -- ------------ -------- ------ -- --- - -- --- - ------ -- ---- -- ----- -------- --- - -- --- - ----- --- - -- --- - -- ----------- ----- ---- - -------- ----- --- - ------- -- ---- ---- -----------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dc1e9b1886fbafa49064cd