WebStorm/PhpStorm and JavaScript ES6: destructuring assignment not recognized

Question

Consider this ES6 code:

class Person {
    constructor(first, last) {
        let fixed = this.normalize(first, last);
        this.first = fixed[0];
        this.last = fixed[1];
    }

    normalize(first, last) {
        return [first.toUpperCase(), last.toUpperCase()];
    }
}

PhpStorm/WebStorm has no problem recognizing that first and last are properties of the class when I later use them:

Now if I modify the constructor to use the destructuring assignment syntax:

constructor(first, last) {
    [this.first, this.last] = this.normalize(first, last);
}

The code executes without error, but the IDE can no longer see the properties:

Is this a problem with my code? My IDE settings? I use PhpStorm 2017.2.4

"Is this a problem with my code?' No, your code is fine. Apparently PhpStorm 2017.2.4 just doesn't understand destructuring assignment in the constructor (yet). — T.J. Crowder
– T.J. Crowder, Commented Oct 12, 2017 at 13:03

JJWesterkamp · Accepted Answer · 2017-10-12 13:21:33Z

2

You can manually tell PHPStorm that these properties should be assumed to exist on Person-linked objects by adding a JSDoc to the class:

/**
 * @property {String} first
 * @property {String} last
 */
class Person {
    // ...
}

answered Oct 12, 2017 at 13:21

JJWesterkamp

7,9561 gold badge25 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

WebStorm/PhpStorm and JavaScript ES6: destructuring assignment not recognized

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related