在 JavaScript 的演进过程中，ECMAScript 不断地增加新特性和方法，以提升语言的功能和开发者的生产力。本文将详细介绍七个新引入的 JavaScript 方法，这些方法大多出现在 ECMAScript 2016 (ES7) 及以后的版本中。这些方法不仅增强了语言的表达能力，也简化了常见的编程任务。

1. Array.prototype.includes()

includes() 方法用于判断数组是否包含特定的元素，并返回布尔值。与 indexOf() 方法相比，includes() 更加直观，因为它返回 true 或 false，而不需要检查索引。

用法示例：

const array = [1, 2, 3, 4, 5];
console.log(array.includes(3)); // true
console.log(array.includes(6)); // false

解释：

• array.includes(3) 检查数组中是否包含 3。如果包含，则返回 true，否则返回 false。
• includes() 还可以接受第二个参数，表示从哪个索引开始检查。例如：array.includes(3, 2) 表示从索引 2 开始查找 3。

2. Array.prototype.flat()

flat() 方法用于将嵌套的数组“拍平”到指定的深度，返回一个新数组。它简化了处理多维数组的过程。

用法示例：

const array = [1, [2, [3, 4]], 5];
console.log(array.flat()); // [1, 2, [3, 4], 5]
console.log(array.flat(2)); // [1, 2, 3, 4, 5]

解释：

• array.flat() 默认拍平一层，即将嵌套数组的层级降到一层。
• 通过传递一个数字作为参数（如 2），可以指定拍平的深度。

3. String.prototype.padStart() 和 String.prototype.padEnd()

padStart() 和 padEnd() 方法用于在字符串的开头或结尾填充指定的字符，以达到指定的长度。这在对齐文本和格式化输出时非常有用。

用法示例：

const str = '5';
console.log(str.padStart(2, '0')); // '05'
console.log(str.padEnd(4, '0')); // '5000'

解释：

• str.padStart(2, '0') 将字符串填充到长度为 2，在开头填充字符 '0'。
• str.padEnd(4, '0') 将字符串填充到长度为 4，在结尾填充字符 '0'。

4. Object.entries()

Object.entries() 方法将对象的可枚举属性转换为一个数组，其中每个元素是一个包含键值对的数组。这个方法非常适合于将对象转换为数组进行遍历或处理。

用法示例：

const obj = { a: 1, b: 2 };
console.log(Object.entries(obj)); // [['a', 1], ['b', 2]]

解释：

• Object.entries(obj) 返回一个二维数组，数组的每个元素是一个 [key, value] 对。

5. Object.values()

Object.values() 方法返回一个包含对象所有可枚举属性值的数组。它与 Object.keys() 相对，后者返回对象所有的键。

用法示例：

const obj = { a: 1, b: 2 };
console.log(Object.values(obj)); // [1, 2]

解释：

• Object.values(obj) 返回一个数组，其中包含对象所有可枚举属性的值。

6. Promise.prototype.finally()

finally() 方法用于在 Promise 对象的处理结束时，无论成功还是失败，都会执行一段代码。它可以用于清理操作，确保无论 Promise 的结果如何，最终都能执行指定的操作。

用法示例：

fetch('some-url')
  .then(response => response.json())
  .catch(error => console.error('Error:', error))
  .finally(() => console.log('Request completed'));

解释：

• finally() 方法添加的回调函数将在 Promise 完成时执行，无论 Promise 是成功还是失败。

7. WeakMap 和 WeakSet

WeakMap 和 WeakSet 是新的集合类型，用于存储对象的弱引用。这意味着集合中的对象不会阻止垃圾回收器回收这些对象，有助于避免内存泄漏。

用法示例：

// WeakMap 示例
const wm = new WeakMap();
const obj = {};
wm.set(obj, 'value');
console.log(wm.get(obj)); // 'value'

// WeakSet 示例
const ws = new WeakSet();
const obj2 = {};
ws.add(obj2);
console.log(ws.has(obj2)); // true

解释：

• WeakMap 允许将对象作为键，并存储与之相关联的值。当对象被垃圾回收时，与之关联的键值对也会被移除。
• WeakSet 只存储对象，类似于 Set，但对象会被弱引用，这样当对象不再被引用时，它们会被垃圾回收。

原理解释表

总结

这些新增的 JavaScript 方法和特性不仅增强了语言的功能，还提高了代码的可读性和开发效率。includes() 和 flat() 简化了数组操作，padStart() 和 padEnd() 提供了更灵活的字符串格式化方法，而 Object.entries() 和 Object.values() 提高了对对象数据的处理能力。finally() 方法改进了 Promise 的使用体验，而 WeakMap 和 WeakSet 则有助于管理内存。

在实际开发中，合理利用这些新方法能够显著提升代码质量和开发效率。了解并掌握它们的用法，可以帮助开发者更好地应对各种编程挑战。