你可以通过JavaScript封装一些常见的函数来提高工作效率,以下是示例:
// 封装获取元素的函数
function getElement(selector) {return document.querySelector(selector);
}// 封装ajax请求函数
function ajaxRequest(url, method, data, callback) {var xhr = new XMLHttpRequest();xhr.open(method, url, true);xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {callback(xhr.responseText);}};xhr.send(data);
}// 封装本地存储操作函数
var storage = {set: function(key, value) {localStorage.setItem(key, JSON.stringify(value));},get: function(key) {var value = localStorage.getItem(key);return value ? JSON.parse(value) : null;},remove: function(key) {localStorage.removeItem(key);}
};// 封装日期格式化函数
function formatDate(date, format) {var options = {year: 'numeric',month: 'long',day: 'numeric',hour: 'numeric',minute: 'numeric',second: 'numeric'};return date.toLocaleString(undefined, options);
}// 封装定时器函数
function delay(func, time) {return setTimeout(func, time);
}
通过封装这些常见函数,你可以在项目中重复使用,提高代码的复用性和工作效率。这些函数包括获取元素、发起Ajax请求、处理本地存储、日期格式化、定时器等功能,可以在不同场景中减少重复的代码编写。