typescript中，鼠标点击回调里访问不了类的变量

在 TypeScript 中，如果在鼠标点击回调函数中访问类的变量，可能会出现问题。这是因为回调函数是在类的作用域之外调用的，而类的变量是在类的作用域内定义的。为了解决这个问题，可以使用 JavaScript 中的闭包，将类的变量封装在回调函数中。

例如：

class MyClass {
  private myVar = 'hello';

  constructor() {
    document.addEventListener('click', () => {
      console.log(this.myVar);
    });
  }
}

上面这个例子中，我们将类的变量 myVar 封装在了回调函数中，通过箭头函数来绑定 this，这样就可以在回调函数中访问类的变量了。

或者你也可以使用bind(this)来绑定this

class MyClass {
  private myVar = 'hello';

  constructor() {
    document.addEventListener('click', this.onClick.bind(this));
  }

  private onClick(){
    console.log(this.myVar);
  }
}

相关问题

typescript中，怎么在MOUSE_DOWN里访问类的变量

在 TypeScript 中，可以使用类中的 `this` 关键字来访问类的变量。例如：

class MyClass {
    private myVariable: number;

    constructor() {
        document.addEventListener("mousedown", this.onMouseDown);
    }

    private onMouseDown() {
        console.log(this.myVariable);
    }
}

在这个例子中，`onMouseDown` 方法通过使用 `this` 关键字访问了类中的 `myVariable` 变量。

注意：在使用 addEventListener 的时候, 会发现 this 的指向会变成 window。可以通过下面的方式来解决：

class MyClass {
    private myVariable: number;

    constructor() {
        document.addEventListener("mousedown", this.onMouseDown.bind(this));
    }

    private onMouseDown() {
        console.log(this.myVariable);
    }
}

或者使用箭头函数

class MyClass {
    private myVariable: number;

    constructor() {
        document.addEventListener("mousedown", (event) => this.onMouseDown(event));
    }

    private onMouseDown(event:MouseEvent) {
        console.log(this.myVariable);
    }
}

typescript resolve回调函数

TypeScript 中的 `resolve` 回调函数是在 Promise 成功时被调用的函数，用于处理 Promise 的返回值。在 TypeScript 中，`resolve` 回调函数的类型是 `(value: T) => void`，其中 `T` 是 Promise 的返回值类型。

下面是一个示例代码，演示了如何在 TypeScript 中使用 `resolve` 回调函数：

function fetchData(): Promise<string> {
  return new Promise<string>(resolve => {
    setTimeout(() => {
      resolve('Data fetched successfully!');
    }, 2000);
  });
}

fetchData().then(data => console.log(data));

在上面的代码中，`fetchData` 函数返回一个 Promise，它的返回值类型是 `string`。promise 的 `resolve` 回调函数接收一个 `string` 类型的参数，并在 2 秒后将其传递给 resolve 函数。在 `then` 函数中，我们使用 `data` 参数来访问 Promise 的返回值。

注意，如果 Promise 被拒绝（rejected），则会执行 `reject` 回调函数，其类型是 `(reason: any) => void`，其中 `reason` 是 Promise 被拒绝时的错误信息。