ES2019 中的非转义标识符和 Unicode 转义

在 ES2019 中，JavaScript 引入了两个新特性，即非转义标识符和 Unicode 转义。这两个特性为前端开发者提供了更加灵活的编程方式，同时也为代码的可读性和可维护性带来了提升。

非转义标识符

在过去，JavaScript 中的标识符只能包含字母、数字和下划线，且不能以数字开头。而在 ES2019 中，我们可以使用一些特殊字符来作为标识符的一部分，而无需进行转义。

例如，我们可以使用美元符号 $ 和井号 # 作为标识符的一部分：

const $foo = 'bar';
const #baz = 'qux';
console.log($foo); // 输出 'bar'
console.log(#baz); // 报错：Unexpected token '#'

需要注意的是，井号 # 只能在类的内部使用，不能在全局作用域中使用。

此外，ES2019 还引入了 private 和 protected 两个关键字，用于定义类的私有和受保护的成员。这两个关键字在定义类的属性和方法时使用。

// javascriptcn.com 代码示例
class MyClass {
  #privateProperty = 'private'; // 私有属性
  _protectedProperty = 'protected'; // 受保护的属性

  #privateMethod() { // 私有方法
    return this.#privateProperty;
  }

  _protectedMethod() { // 受保护的方法
    return this._protectedProperty;
  }

  publicMethod() { // 公共方法
    return this.#privateMethod();
  }
}

const myObject = new MyClass();
console.log(myObject.publicMethod()); // 输出 'private'
console.log(myObject._protectedMethod()); // 输出 'protected'
console.log(myObject.#privateMethod()); // 报错：Unexpected token '#'

Unicode 转义

在 ES2019 中，我们可以使用 Unicode 转义来表示任意 Unicode 字符。Unicode 转义由 \u 和四个十六进制数字组成。例如，\u{1F600} 表示笑脸表情符号 😄。

Unicode 转义可以用于字符串、标识符和正则表达式中。在字符串中使用 Unicode 转义时，需要将其放在引号或单引号之间。

console.log('\u{1F600}'); // 输出 😄

在标识符中使用 Unicode 转义时，需要将其放在反斜杠之后。

const \u{1F600} = 'smile';
console.log(😄); // 输出 'smile'

在正则表达式中使用 Unicode 转义时，需要将其放在字符类中。

const regExp = /[^\u{1F600}-\u{1F64F}]/gu;
console.log('hello 😄 world'.replace(regExp, '')); // 输出 😄

需要注意的是，Unicode 转义只能表示 BMP（基本多文种平面）中的字符。如果要表示其他平面中的字符，需要使用两个 Unicode 转义。

console.log('\u{1F4A9}\u{1F3FB}'); // 输出 💩🏻

总结

ES2019 中的非转义标识符和 Unicode 转义为前端开发者提供了更加灵活的编程方式，同时也为代码的可读性和可维护性带来了提升。在使用这些特性时，需要注意它们的限制和使用方法，以避免出现语法错误和不必要的麻烦。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655b0e1bd2f5e1655d539212