14、JavaScript 运行时：函数、Promise 与事件处理深入解析

sre5engineer

于 2025-11-11 10:42:03 发布

阅读量4

点赞数

CC 4.0 BY-SA版权

分类专栏：精通TypeScript实战精髓文章标签： JavaScript 函数作为参数高阶函数

本文链接：https://blog.youkuaiyun.com/sre5engineer/article/details/155117048

精通TypeScript实战精髓专栏收录该内容

25 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

JavaScript 运行时：函数、Promise 与事件处理深入解析

1. 函数作为参数传递

在 JavaScript 中，函数是一等公民，这意味着它们可以作为参数传递、作为返回值从另一个函数返回、赋值给变量，还能作为对象的属性存储。将函数作为参数传递是提供回调的机制。

我们可以利用这一特性实现简单的观察者模式，以下是示例代码：

interface Subscriber {
    (message: string): void;
}
class Publisher {
    private subscribers: Subscriber[] = [];
    addSubscriber(subscriber: Subscriber) {
        this.subscribers.push(subscriber);
    }
    notify(message: string) {
        for (let subscriber of this.subscribers) {
            subscriber(message);
        }
    }
}
const publisher = new Publisher();
// 使用箭头函数
publisher.addSubscriber((message) => console.log('A: ' + message));
// 使用内联函数
publisher.addSubscriber(function (message) {
    console.log('B: ' + message);
});