前端常用的 JavaScript 函数分享

原创

就叫7620521吧

发布于 2025-02-13 14:46:05

1840

作为一名前端开发者，在日常工作中我们会频繁地使用各种 JavaScript 函数。为了帮助大家更高效地进行开发，我整理了一些常用且实用的 JavaScript 函数，希望能对大家的工作有所帮助。

map()

创建一个新数组，通过调用提供的函数处理原数组的每个元素。

  const arr = [1, 2, 3];
  const newArr = arr.map(num => num * 2);
  console.log(newArr); // 输出: [2, 4, 6]

reduce()

对数组中的所有元素进行操作，返回一个单一的值。

  const arr = [1, 2, 3];
  const sum = arr.reduce((acc, curr) => acc + curr, 0);
  console.log(sum); // 输出: 6

使用 `fetch` 拦截请求和响应

  fetch('https://api.example.com/data', {
    method: 'GET',
    headers: {
      'Content-Type': 'application/json'
    }
  })
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));

`Promise` 是处理异步操作的重要工具，能够简化代码的写法。

const promise = new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('完成');
    }, 1000);
  });

  promise.then(value => console.log(value));

使用 `async/await`

 async function test() {
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      console.log(data);
    } catch (error) {
      console.error(error);
    }
  }

  test()

以上是一些前端开发中常用的 JavaScript 函数和方法。熟练掌握这些函数能够显著提高我们的开发效率，并使代码更加简洁、优雅。希望这篇文章对大家有所帮助！

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript