ES6 干货 | 超实用 JS 代码片段大合集

正文：

ES6 是 JavaScript 的最新版本，它引入了许多新特性和改进，使 JavaScript 的开发更加高效和简洁。本文精心收集了 30 个实用的 ES6 代码片段，涉及数组、浏览器、日期、函数等内容。这些代码基于 ES6 编写，使用 Babel transpiler 来确保向后兼容性。

数组

• 数组去重 ：去除数组中重复的元素。

const uniqueArray = [...new Set(array)];

• 数组扁平化 ：将多维数组展平为一维数组。

const flatArray = array.flat(Infinity);

• 数组排序 ：根据某个字段对数组进行排序。

const sortedArray = array.sort((a, b) => a.field - b.field);

浏览器

• 获取页面滚动位置 ：获取页面当前的滚动位置。

const scrollPosition = window.scrollY;

• 设置页面滚动位置 ：将页面滚动到指定位置。

window.scrollTo(x, y);

• 获取页面大小 ：获取页面当前的大小。

const pageSize = {
  width: document.documentElement.clientWidth,
  height: document.documentElement.clientHeight
};

日期

• 获取当前日期 ：获取当前日期的时间戳。

const now = Date.now();

• 格式化日期 ：将日期格式化为指定格式。

const formattedDate = new Date().toLocaleDateString('zh-CN');

• 计算两个日期之间的差异 ：计算两个日期之间的时间差异。

const diff = new Date(date2) - new Date(date1);

函数

• 箭头函数 ：简写函数语法。

const sum = (a, b) => a + b;

• 默认参数 ：为函数参数指定默认值。

function greet(name = 'World') {
  console.log(`Hello, ${name}!`);
}

• 扩展运算符 ：将数组或对象展开为参数列表。

const args = [1, 2, 3];
const sum = (...args) => args.reduce((a, b) => a + b);

这些只是 ES6 提供的众多实用功能中的一小部分。通过掌握这些代码片段，你可以显著提高你的 JavaScript 开发效率。