ES6 在类中使用 this 进行解构

Question

I have a function that returns a tuple [number, number, number] . I want to use destructuring to assign to my class variables the values returned by the tuple like this:

let [this.a, this.b, this.c] = functionThatReturnsTupleWithThreeNumbers()

but this doesn't work.

Answer 1

Just remove the let and you're good to go:

 class Foo { a; b; c; bar() { [this.a, this.b, this.c] = [1, 2, 3]; } } const foo = new Foo(); foo.bar(); console.log(foo);

More info here

Typescript playground

Answer 2

You need to have the props in your class and destruct your tuple into them:

class MyClass {
    a: number;
    b: number;
    c: number;

    constructor(tuple: ReadonlyArray<number>) {
        [this.a, this.b, this.c] = tuple;
    }
}