js实现一个回调函数
回调函数的基本概念
回调函数是一种作为参数传递给另一个函数的函数，并在特定事件或条件发生时被调用。JavaScript中广泛使用回调函数来处理异步操作、事件监听等场景。
简单回调函数示例
定义一个接收回调函数作为参数的函数，并在内部调用它：
function greet(name, callback) {
console.log('Hello, ' + name);
callback();
}
function sayGoodbye() {
console.log('Goodbye!');
}
greet('Alice', sayGoodbye);输出结果：
Hello, Alice
Goodbye!异步回调示例
使用setTimeout模拟异步操作，完成后调用回调函数：
function fetchData(callback) {
setTimeout(() => {
const data = { id: 1, name: 'Example Data' };
callback(data);
}, 1000);
}
function processData(data) {
console.log('Received data:', data);
}
fetchData(processData);事件监听中的回调
DOM事件处理是回调函数的典型应用场景：
document.getElementById('myButton').addEventListener('click', function() {
console.log('Button was clicked!');
});错误优先回调模式
Node.js风格的回调通常遵循错误优先的约定：
function readFile(path, callback) {
// 模拟文件读取操作
const error = Math.random() > 0.5 ? null : new Error('Read error');
const data = error ? null : 'File content';
callback(error, data);
}
readFile('/path/to/file', (err, data) => {
if (err) {
console.error('Error:', err.message);
return;
}
console.log('Data:', data);
});回调函数的注意事项
- 避免回调地狱（多层嵌套回调），可以使用Promise或async/await改善
- 注意回调函数的执行上下文（this绑定），必要时使用bind或箭头函数
- 对于可能抛出异常的回调，考虑使用try-catch处理错误
