TypeScript中使用回调函数的实现

/** 
type 是 TypeScript 中用于定义类型别名的关键字。
通过 type，你可以给一个类型起一个新名字，这有助于提高代码的可读性和重用性。
使用 type 定义回调函数的类型是一种常见做法，特别是在需要频繁使用同一类型的情况下。
**//
// 使用函数类型定义回调函数
/**
这里定义了一个名为 CallbackFunction 的类型别名，
它表示一个接受一个 number 类型参数并且没有返回值的函数。
这种方式简单直观，适合快速定义和使用。
**/
type CallbackFunction = (result: number) => void;

/**
interface 主要用于定义对象的形状（即属性和方法的集合），
但也可以用来定义函数类型。
使用 interface 定义回调函数类型的优点在于它提供了更好的扩展性。
通过 interface，你可以添加新的成员而不影响现有的代码。
**/
// 使用接口定义回调函数
/**
这里定义了一个名为 CallbackInterface 的接口，
它同样表示一个接受一个 number 类型参数并且没有返回值的函数。
**/
interface CallbackInterface {
    (result: number): void;
}

function performOperation(callback: CallbackFunction): void {
    setTimeout(() => {
        const result = 42;
        callback(result);
    }, 1000);
}

// 使用函数类型
performOperation((result) => {
    console.log(`The result is ${result}`);
});

// 使用接口
performOperation((result) => {
    console.log(`The result is ${result}`);
});

type OperationCallbackWithError = (error: Error | null, result?: number) => void;

function performOperationWithErrors(callback: OperationCallbackWithError): void {
    setTimeout(() => {
        if (Math.random() < 0.5) {
            callback(null, 42); // 操作成功
        } else {
            callback(new Error('Something went wrong'), null); // 操作失败
        }
    }, 1000);
}

performOperationWithErrors((error, result) => {
    if (error) {
        console.error('Error occurred:', error.message);
    } else {
        console.log(`The result is ${result}`);
    }
});

performOperation(result => {
    console.log(`The result is ${result}`);
});

type OperationCallbackWithError = (error: Error | null, result?: number) => void;

function performOperationWithErrors(callback: OperationCallbackWithError): void {
    setTimeout(() => {
        if (Math.random() < 0.5) {
            callback(null, 42); // 操作成功
        } else {
            callback(new Error('Something went wrong'), null); // 操作失败
        }
    }, 1000);
}

function handleResult(error: Error | null, result?: number): void {
    if (error) {
        console.error('Error occurred:', error.message);
    } else {
        console.log(`The result is ${result}`);
    }
}

// 使用分离的处理函数
performOperationWithErrors(handleResult);

// 使用匿名函数
performOperationWithErrors((error: Error | null, result?: number) => {
    if (error) {
        console.error('Error occurred:', error.message);
    } else {
        console.log(`The result is ${result}`);
    }
});