Использование памяти при использовании переменных

#javascript #html #typescript #ecmascript-6 #angular7

#javascript #HTML #typescript #ecmascript-6 #angular7

Вопрос:

Это просто для того, чтобы развеять сомнения в моем сознании. Это не основано ни на каком фреймворке. Но, допустим, сейчас я использую Angular.

Предположим, если у меня есть две переменные a и b. И я привязываю то же самое к моему HTML, используя Angular.

Какой лучший способ это сделать?

Я имею в виду,

 this.data = {
    a: 10,
    b: "Name"
}
  

и привязать его как

 <span>{{data.a}} - {{data.b}}</span>
  

Или

 this.a = 10;
this.b = "Name"
}
  

и привязать его как

 <span>{{a}} - {{b}}</span>
  

Какой из них более эффективен, а какие используют меньше памяти?

Комментарии:

1. Если вам нужны efficiency по сути, скорость и мощность — вам нужна скорость или мощность?

2. Я имел в виду, какой наилучшей практике следует следовать.

3. Если вам нужно перемещать их между функциями, то первая из них является самой чистой. Если они вам нужны только для использования в текущем контексте, второй вариант кажется менее подробным.

4. Что будет с точки зрения использования памяти браузером?

Ответ №1:

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