如何修复TypeScript中@typescript-eslint/no-this-alias报错

DevOps 小满

2026-8-27

报错原因

@typescript-eslint/no-this-alias规则禁止将this赋值给本地变量作为别名，这类写法是ES5时代解决普通函数内部this指向丢失的兼容hack，在ES6+及TypeScript开发环境下有更规范的实现方式，因此被规则拦截。
你当前代码里的const self = this;属于完全冗余的写法：后续createEvent传入的回调本身就是箭头函数，箭头函数不会生成独立的this上下文，会直接继承外层作用域的this指向，根本不需要提前存this别名。

最优修复方案

直接删除冗余的const self = this;行，将后续调用的self.createEvent改为this.createEvent即可，逻辑完全不变，符合ESLint规范。
修复后的完整代码：

notifyOwner(req, metadata, callback) {
    const currentUserId = req.session.identity.individual.userName;
    const docId = metadata.docId;

    let message = this.templates.selfRemoval;

    const targetUserId = metadata.ownerId;
    const paperTitle = metadata.title.replace(/&lt;(.|\n)*?&gt;/g, '');
    const nonOwnerRole = metadata.userRole;

    message = message.replace(/\[CollaboratorName\]/g, req.session.identity.individual.firstName + ' ' + req.session.identity.individual.lastName);
    message = message.replace(/\[NonOwnerRole\]/g, (nonOwnerRole === 'author') ? 'collaborator' : 'reviewer');
    message = message.replace(/\[PaperTitle\]/g, paperTitle);

    const eventData = {
      message: message,
      objectType: 'manuscript',
      objectId: docId
    };

    this.createEvent(currentUserId, targetUserId, eventData, (err, result) =&gt; {
      if (result) {
        const userActivityService = new UserActivityService();
        userActivityService.broadcastRefreshUserEvents(eventData['objectId'], { userId: targetUserId });
      }

      callback(null, JSON.stringify({ notified: true }));
    });
  }

特殊场景处理

如果遇到必须保留this别名的场景（比如需要混用非箭头函数、确实需要多份this上下文引用），可以通过行注释临时禁用该条规则，不推荐作为常规方案使用：

// 临时禁用下一行的this别名校验
// eslint-disable-next-line @typescript-eslint/no-this-alias
const self = this;

额外说明

优先用箭头函数处理回调的this指向问题，不要依赖self/that这类变量别名，代码可读性更高，重构时也不容易出现上下文指向错误。
如果是类中定义的方法需要固定this指向，也可以在类的构造函数中用.bind(this)绑定，或者直接用类字段+箭头函数的写法定义方法，都不需要手动存this别名。

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