在 JavaScript 的世界中，原生类型和类是不可避免的话题。原生类型指的是 JavaScript 中的基本数据类型，而类则是指开发者可以自定义的对象类型。在 ES12 中，原生类型和类都得到了新的改变和扩展，本文将详细介绍它们的新特性和使用方法。
原生类型
字符串
在 ES12 中，字符串新增了两个实用的方法：trimStart() 和 trimEnd()。这两个方法分别用于去掉字符串开头和结尾的空白字符，可以提高字符串的清晰度和可读性。
const str = " Hello world! "; console.log(str.trimStart()); // "Hello world! " console.log(str.trimEnd()); // " Hello world!"
数值
数值的新特性主要是新增了一些常用的数学常量和函数。其中最常用的是 Math.hypot()，用于计算多个数的平方和的平方根。另外还有 Math.E、Math.PI 以及 Math.log10() 和 Math.log2() 等函数。
console.log(Math.hypot(3, 4)); // 5 console.log(Math.E); // 2.718281828459045 console.log(Math.PI); // 3.141592653589793 console.log(Math.log10(100)); // 2 console.log(Math.log2(8)); // 3
布尔型
布尔型的新特性主要是新增了 BigInt 类型的支持。BigInt 是一个大整数类型，可以处理 JavaScript 中传统数值类型无法处理的整数运算。
示例代码：
const num = 9007199254740991n; console.log(num + 1n); // 9007199254740992n console.log(num * 2n); // 18014398509481982n console.log(num % 3n); // 2n
类
类定义
类定义是 ES6 中的一个新特性，ES12 中也有新增的类特性。在 ES12 中，我们可以使用 Class Fields 语法来定义类的属性和方法。
示例代码：
-- -------------------- ---- ------- ----- ------ - ---- - --- --- - -- ----------------- ---- - --------- - ----- -------- - ---- - ---------- - ------------------- -- ---- -- ------------- --- ----------- ----- ------- - - ----- ---- - --- -------------- ---- ---------------- -- ------ -- ---- -- ----- --- -- ----- ----展开代码
类继承
类继承是面向对象编程中常用的概念。ES12 中，我们可以使用新的 super() 和 # 语法来实现类的继承。
示例代码：
-- -------------------- ---- ------- ----- ------ - ----- - --- ----------------- - ---------- - ----- - --------- - ------ ----------- - - ----- --- ------- ------ - ----- - --- ----------------- - ------------- ---------- - ----- - ------ - -------------------------- --------- - - ----- --- - --- ------------- --------------------------- -- --- ----------- -- ----- ------展开代码
类修饰符
类修饰符是用于限制类的属性和方法访问权限的语法。ES12 中，我们可以使用 static 修饰符来将属性和方法设为类的静态成员。
示例代码：
-- -------------------- ---- ------- ----- ------- - ------ ----- - -- ------ ---------- - ---------------- - ------ ---------- - ------ -------------- - ------- - ------------- - -- - - ------------------- -------------------------------- -- - ----- ------- - --- ---------- ---------------- -------------------------------- -- -展开代码
结语
ES12 中的原生类型和类的新特性，大大增强了开发者处理数据类型和面向对象编程的能力。在实际开发中，我们可以灵活使用这些新特性来提高代码的效率和可维护性，让 JavaScript 的世界变得更加优美。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c03e04314edc26846823c2
