JavaScript常用工具函数汇总（浏览器环境）

摘要

在JavaScript开发中，为了节省开发时间、提高效率、降低代码复杂度，我们经常使用JavaScript工具函数。本文对JavaScript常用工具函数进行了汇总，主要包括数组、字符串、日期、数字、DOM、事件、Ajax等方面的常用工具函数。

目录

1. 数组工具函数
2. 字符串工具函数
3. 日期工具函数
4. 数字工具函数
5. DOM工具函数
6. 事件工具函数
7. Ajax工具函数

数组工具函数

arrayClone(arr)

将原数组深度克隆为一个新的数组

let arr = [1,2,3,4];
let arrCopy = arrayClone(arr); // [1,2,3,4]

arrayCompare(arr1, arr2)

判断两个数组是否相等

let arr1 = [1,2,3,4];
let arr2 = [1,2,3,4];
arrayCompare(arr1, arr2); // true

let arr3 = [1,2,3,4];
let arr4 = [1,2,3];
arrayCompare(arr3, arr4); // false

字符串工具函数

stringTrim(str)

去掉字符串两端的空格

let str = '  Hello, World!  ';
let result = stringTrim(str); // 'Hello, World!'

stringCapitalize(str)

将字符串首字母大写

let str = 'hello, world!';
let result = stringCapitalize(str); // 'Hello, world!'

日期工具函数

dateFormat(date, format)

将日期格式化为指定格式的字符串

let date = new Date();
let result = dateFormat(date, 'YYYY-mm-dd HH:MM:ss'); // '2021-10-22 09:30:00'

数字工具函数

numberFormat(num)

将数字格式化为千分位表示，并保留两位小数

let num = 1234567.89;
let result = numberFormat(num); // '1,234,567.89'

DOM工具函数

getElementByClassName(className)

根据类名获取元素列表

let elements = getElementByClassName('container');

addClass(element, className)

为元素添加类名

let element = document.getElementById('myElement');
addClass(element, 'active');

事件工具函数

preventDefault(event)

阻止默认事件

document.addEventListener('click', function(event) {
  preventDefault(event);
});

stopPropagation(event)

阻止事件冒泡

document.addEventListener('click', function(event) {
  stopPropagation(event);
});

Ajax工具函数

ajax(options)

发送Ajax请求

ajax({
  url: 'http://example.com/api',
  method: 'GET',
  success: function(response) {
    console.log(response);
  },
  error: function(error) {
    console.log(error);
  }
});

以上仅为部分示例，更多详细内容请参考完整的JavaScript常用工具函数汇总。