Несоответствие с обозначением квадратных скобок в средствах доступа к свойствам объекта для функции-конструктора с динамическим именем. Есть объяснение?

Я хочу динамически создавать объекты класса с динамическим именем (извините, JS, я привык называть их классами) с помощью анонимной функции с динамическим именем. В этом ответе я узнал, что...

Начиная с ES2015, функция, созданная выражением анонимной функции, назначенным свойству объекта, получает имя этого свойства объекта.

Итак, я попробовал этот код:

// dynamically named constructor function
this['Item'] = function(size) {
  this.size = size;
}
// the creation of new object of arbitrary name
let item = new this['Item']('small')
console.log(item);
console.log(this['Item'].name)

и это работает:

НО, когда я на самом деле использую имя переменной...

let clsName = 'Item';
// dynamically named constructor function
this[clsName] = function(size) {
  this.size = size;
}
// the creation of new object of arbitrary name
let item = new this[clsName]('small')
console.log(item);
console.log(this[clsName].name)

Он ведет себя странно:

Сама задача для меня гораздо менее важна, чем тот факт, что поведение obj['string'] и obj[variableWithString] отличается. Так может ли кто-нибудь объяснить мне это явление? Разве результат во втором примере не должен быть таким же, как и в первом?