入れ子構造のES6クラスメンバーを文書化するにはどうすればよいですか？

Question

ES6でシェイプのネストされたメンバーを文書化するための受け入れられた方法（IDE互換性があることが好ましい）はありますか？

class Foo extends React.Components { 
    constructor(props) { 
     super(props); 
     this.props.bar; // Webstorm for example will think 'bar' is not a member of props 
    } 
} 

例えば

たちは私たちのクラスのメンバーの予想される構造を理解する上でIDEを支援するために行うことができます何かありますか？ような何か：クラス宣言またはコンストラクタ

Answer 1

@propertyの上部に

/** @member {string} props.bar **/ 

はちょっと動作しますが、フレーク状に感じます。

地獄のように醜い

/** 
* @property {object} props 
* @property {number} props.bar 
*/ 
class Foo extends React.Components { 
    constructor(props) { 
     super(props); 
    } 
} 

が、時計のように動作します：

class Foo extends React.Components { 
    constructor(props) { 
     super(props); 

     /** @type {{foo: {bar: {}}}} */ 
     this.props = this.props; 
    } 
}