TypeScript代码解析：storeDocumentId函数含义及无参传参疑问

让我一步步拆解这段代码，帮你搞清楚它的逻辑：

1. storeDocumentId 函数的含义 #

const storeDocumentId = documentId => this.preselectedDocumentId = documentId;

这是一个箭头函数，作用非常明确：它接收一个documentId参数，然后把当前类实例的preselectedDocumentId属性赋值为这个参数值。本质上就是一个简化版的属性 setter 方法，专门用来更新类里的preselectedDocumentId字段。

用普通函数写等价逻辑的话是这样的：

function storeDocumentId(documentId) {
  this.preselectedDocumentId = documentId;
}

这里用箭头函数的好处是自动绑定了当前类的this上下文，不用额外写bind(this)，能确保this始终指向类的实例，不会出现上下文丢失的问题。

2. 为什么“无参调用”能拿到参数？ #

你可能是看到了storeDocumentId被传递给某个逻辑，但没有直接写storeDocumentId(xxx)这种带参数的调用，才产生了这个疑问——其实这是一个常见的回调函数场景：

从你给出的代码片段来看，storeDocumentId并不是被你直接“无参调用”，而是被当作回调函数传给了provideDocumentId相关的逻辑。实际的参数传递，是由框架或其他内部代码完成的。

举个贴近场景的例子，假设provideDocumentId的完整逻辑是这样的（结合Angular路由的常见用法）：

const provideDocumentId = () => activatedRoute.params.subscribe(params => {
  // 这里是真正调用storeDocumentId的地方，自动传入路由里的documentId参数
  storeDocumentId(params.documentId); 
});

你看到的只是把storeDocumentId这个函数本身传递出去，而实际的调用时机和参数传递，是由Angular的路由订阅逻辑在内部触发的——当路由参数变化时，它会自动把最新的documentId传给storeDocumentId，所以看起来像是“没传参却拿到了值”。

这种模式在JS/TS里非常常见，比如数组的forEach、DOM事件监听、RxJS订阅等场景，都是把函数作为回调交给其他逻辑，由它们来负责调用并传入合适的参数。

内容的提问来源于stack exchange，提问作者Shailesh Vikram Singh