How can I reuse a variable in typescript?

Question

I want to use my variable children for different cases:

var children = [];

if (folderPath == '/') {
      var children = rootFolder;
} else {
      var children = folder.childs;
}

But I get the error message:

variable 'children' must be of type 'any[]' but here has type 'Folder[]'

What does this mean?

@BrijeshKalkani No, never do that. Then you're losing all benefits you get from TypeScript. — AKX
– AKX, Commented Jul 20, 2022 at 9:33
@BrijeshKalkani That will also not work. Why would you think there are Blobs involved in this situation? — AKX
– AKX, Commented Jul 20, 2022 at 9:35

Rohìt Jíndal · Accepted Answer · 2022-07-20 11:11:15Z

1

In general, if "using a variable for different cases" involves using them for different types, then you're Doing Something Wrong.

Assuming rootFolder is of type Folder, and folder.childs is Folder[], your code looks like it could be something like

const children: Folder[] = (folderPath === '/' ? [rootFolder] : folder.childs);

and in fact you should be able to just do

const children = (folderPath === '/' ? [rootFolder] : folder.childs);

too and let inference handle things.

If you want to use if, then

let children: Folder[];

if (folderPath === '/') {
   children = [rootFolder];
} else {
   children = folder.childs;
}

should be fine; TypeScript will notice the variable is always definitely set after that if, even if it has no initial value.

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

answered Jul 20, 2022 at 9:35

AKX

171k16 gold badges146 silver badges228 bronze badges

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

1 Answer 1