11 个实用的 JavaScript 函数代码片段

在 JavaScript 开发中，掌握一些实用的函数代码片段可以大大提高开发效率。以下为您介绍 11 个常用且实用的 JavaScript 函数代码片段。

1. 数组去重函数

function uniqueArray(arr) {
  return Array.from(new Set(arr));
}

2. 数组求和函数

function sumArray(arr) {
  return arr.reduce((a, b) => a + b, 0);
}

3. 字符串反转函数

function reverseString(str) {
  return str.split('').reverse().join('');
}

4. 生成随机数函数

function generateRandomNumber(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

5. 检查对象是否为空函数

function isEmptyObject(obj) {
  return Object.keys(obj).length === 0;
}

6. 深拷贝函数

function deepCopy(obj) {
  return JSON.parse(JSON.stringify(obj));
}

7. 防抖函数

function debounce(func, delay) {
  let timer;
  return function (...args) {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

8. 节流函数

function throttle(func, delay) {
  let lastExecuted = 0;
  return function (...args) {
    const now = Date.now();
    if (now - lastExecuted >= delay) {
      func.apply(this, args);
      lastExecuted = now;
    }
  };
}

9. 获取元素样式函数

function getStyle(element, property) {
  return window.getComputedStyle(element)[property];
}

10. 平滑滚动到页面顶部函数

function scrollToTop() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
}

11. 格式化日期函数

function formatDate(date, format) {
  const options = {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit'
  };
  return new Intl.DateTimeFormat('en-US', options).format(date);
}

这些函数代码片段在实际开发中经常会用到，希望它们能为您的 JavaScript 编程带来便利和效率提升。不断积累和运用这些实用的函数，将有助于您编写出更加优质和高效的代码。