Avoiding `let` in TypeScript

I sometimes feel I am forced to use let instead of const in TypeScript even I want to use const to prevent reassignments.

When we use if or switch, there are cases that seems we need to use let. However, we do not have to use let actually.

const fruitNum: number = 0 // a number to represent a type of fruit
let fruitName: string = "Unknown"

switch(fruitNum) {
  case 0:
    fruitName = "Apple"
    break
  case 1:
    fruitName = "Banana"
    break
  default:
    break
}

Instead of the above code, we may want to use a anonymous function to make fruitName a const.

const fruitNum: number = 0 // a number to represent a type of fruit
const fruitName: string = (() => {
  switch(fruitNum) {
    case 0:
      return "Apple"
    case 1:
      return "Banana"
    default:
      return "Unknown"
  }
})()

Hope this makes your code more cleaner!

Comments

[Mohammed Almajid]

or we can do

const fruitNum = 0;
const fruitName = {
  0: 'Apple',
  1: 'Banana',
  default: 'Unknown',
};

fruitName[fruitNum] ?? fruitName.default;

[Ryo Kuroyanagi]

good to know !

[Chok Kah Yang]

Will it affect the performance?

[Ryo Kuroyanagi]

I got an interesting result.

I ran the same test for 4 rounds for 3 methods for 50,000,000 times each.

1. Using let
2. Using anonymous function (This is my method in this article)
3. Using dictionary (Object - Mohammed's idea)

At the first round, let is much faster than others. But at round 2, 3 and 4, the runtime of let was much different than the round 1. I think the first round may be including certain initial condition (I do not know the details though). Let's see the last 3 rounds.

This is my code.

Round 1
Using let: 55.4 ms
Using anonymous fun: 317.1 ms
Using dictionary: 516.4 ms

Round 2
Using anonymous fun: 320.3 ms
Using dictionary: 520.3 ms
Using let: 312.7 ms

Round 3
Using dictionary: 516.1 ms
Using let: 315.3 ms
Using anonymous fun: 328.3 ms

Round 4
Using let: 317.9 ms
Using anonymous fun: 329.7 ms
Using dictionary: 522.3 ms

let and anonymous fun does not have much difference but dictionary is a bit slower than others. I guess the cause is that the speed of accessing a dictionary is slower than value comparison (--> switch).

[Mohammed Almajid]

I thought dictionary faster than others