你可以通过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请求、处理本地存储、日期格式化、定时器等功能,可以在不同场景中减少重复的代码编写。