Move the initializer into the constructor for instance members that r… (#6921)

…eference identifiers declared in the constructor.

This updates our OSS code with a change made in cl/678990911, to prevent
the change being reverted the next time we sync into our internal code
base.

When TypeScript outputs modern language features, the below case throws
an TS error.

```
class C {
  a = this.x; // TS2729: Property 'x' is used before its initialization.

  constructor(public x:number){}
}
```

This error is fixed by moving the initializer of such class members into
the constructor.

Author: groszewn

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/graph_executions/graph_executions_container.ts

@@ -42,33 +42,19 @@ import {State} from '../../store/debugger_types';
   `,
 })
 export class GraphExecutionsContainer {
-  readonly numGraphExecutions$ = this.store.pipe(select(getNumGraphExecutions));
+  readonly numGraphExecutions$;
 
-  readonly graphExecutionData$ = this.store.pipe(select(getGraphExecutionData));
+  readonly graphExecutionData$;
 
-  readonly graphExecutionIndices$ = this.store.pipe(
-    select(
-      createSelector(
-        getNumGraphExecutions,
-        (numGraphExecution: number): number[] | null => {
-          if (numGraphExecution === 0) {
-            return null;
-          }
-          return Array.from({length: numGraphExecution}).map((_, i) => i);
-        }
-      )
-    )
-  );
+  readonly graphExecutionIndices$;
 
-  readonly focusIndex$ = this.store.pipe(select(getGraphExecutionFocusIndex));
+  readonly focusIndex$;
 
   /**
    * Inferred graph-execution indices that belong to the immediate inputs
    * to the currently-focused graph op.
    */
-  readonly focusInputIndices$ = this.store.pipe(
-    select(getFocusedGraphExecutionInputIndices)
-  );
+  readonly focusInputIndices$;
 
   onScrolledIndexChange(scrolledIndex: number) {
     this.store.dispatch(graphExecutionScrollToIndex({index: scrolledIndex}));
@@ -78,5 +64,25 @@ export class GraphExecutionsContainer {
     this.store.dispatch(graphExecutionFocused(event));
   }
 
-  constructor(private readonly store: Store<State>) {}
+  constructor(private readonly store: Store<State>) {
+    this.numGraphExecutions$ = this.store.pipe(select(getNumGraphExecutions));
+    this.graphExecutionData$ = this.store.pipe(select(getGraphExecutionData));
+    this.graphExecutionIndices$ = this.store.pipe(
+      select(
+        createSelector(
+          getNumGraphExecutions,
+          (numGraphExecution: number): number[] | null => {
+            if (numGraphExecution === 0) {
+              return null;
+            }
+            return Array.from({length: numGraphExecution}).map((_, i) => i);
+          }
+        )
+      )
+    );
+    this.focusIndex$ = this.store.pipe(select(getGraphExecutionFocusIndex));
+    this.focusInputIndices$ = this.store.pipe(
+      select(getFocusedGraphExecutionInputIndices)
+    );
+  }
 }