为何TypeScript中FileReader.onerror回调可省略this参数？

这个问题其实涉及到TypeScript里函数的this类型注解的特殊作用，咱们一步步拆解清楚：

1. 声明里的this: FileReader到底是啥？ #

在TypeScript的函数签名中，this: XXX是一个仅用于类型检查的特殊注解——它绝对不是要求你调用函数时手动传入this参数，而是在告诉编译器：当这个回调函数被事件触发执行时，函数内部的this上下文会指向一个FileReader实例。

比如lib.dom.d.ts里的官方声明：

onerror: ((this: FileReader, ev: ProgressEvent) => any) | null;

这个签名的核心作用是给TypeScript传递类型信息：如果你在回调里使用this，编译器会知道它的类型是FileReader，能给你正确的代码提示和类型校验，避免你误用this的属性或方法。

2. 为啥实际写代码时不用传this？ #

原因很简单：这个this参数是TypeScript的语法糖，不会被编译成真实的JavaScript参数，而且浏览器会自动帮你处理this的绑定：

• 当FileReader触发onerror事件时，浏览器会自动把回调函数的this绑定到当前的FileReader实例上，你完全不用手动传递。
• 如果你用箭头函数写回调（就像你例子里那样），箭头函数本身不绑定自己的this，但只要你不需要在回调里用this，完全可以忽略它的存在，只写事件参数就行。

举个更直观的例子，用普通函数写回调时，this的类型会被自动推断：

const fileReader = new FileReader();
fileReader.onerror = function(event) {
  console.log(this.result); // TypeScript会知道this是FileReader，能正确提示result属性
};

这里你依然不用传this参数，但TypeScript能通过声明里的this: FileReader注解，帮你做类型检查。

3. 一句话总结 #

声明里的this: FileReader是TypeScript用来做类型校验的“提示”，不是要求你传递的参数；实际执行时，浏览器会自动把this绑定到触发事件的FileReader实例上，你不需要手动处理，不用写这个参数也完全没问题。

内容的提问来源于stack exchange，提问作者user776686