Способ сбросить контекст консоли Chrome DevTools

Как уже упоминалось в комментариях, код оценивается в глобальной области видимости, поэтому невозможно отменить объявление переменной, объявленной с помощью let и т. д., как глобальной, кроме как путем перезагрузки текущего окна.

Оценка

let str = "Hello";

подряд всегда будет вызывать ошибку Identifier 'str' has already been declared.

Одним из обходных путей является оценка кода как полных фрагментов с блочной областью:

{
  let str = "Hello";
  console.log(str);
}

Обратите внимание, что блоки не имеют возвращаемого значения (это операторы, а не выражения), но последнее выражение в блоке обрабатывается консолью, поэтому console.log можно опустить.

{ let str = "Hello"; str }

выведет Hello в консоль.

В качестве альтернативы IIFE можно использовать для возврата значения:

(() => {
  let str = "Hello";
  return str;
})()

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

  var str = "Hello"; // instead of `let str = "Hello"`
  var Foo = class Foo {} // instead of `class Foo {}`

В основном у вас есть два варианта:

1. Самый простой: выполните window.location.reload() в консоли.
2. Вы можете использовать Block scope или IIFE.

Что будут делать block scope и IIFE, так это то, что они не будут объявлять переменные в глобальной области видимости, как вы делали. Вместо этого он объявит эти переменные в этой области. Кроме того, в отличие от let, var позволяет повторно объявить его.

Это довольно легко:

1. открыть окно браузера
2. откройте инструменты разработчика (F12)
3. отсоединить инструменты разработчика
4. назначить переменную (глобальную переменную), например

let options = {
  title: "Menu",
  width: 100,
  height: 200
};

5. чтобы очистить переменные: просто введите в консоль: location.reload(true);
6. снова назначьте ту же переменную, если хотите

let options = {
  title: "Menu",
  width: 100,
  height: 200
};

При объявлении любых переменных или функций в консоли разработчика вы влияете на контекст выполнения global, который для веб-браузеров равен window.

Использование console.clear() очищает видимую историю внутри вашей консоли, но не удаляет определения переменных.

let x = 'Hey';
x = null;
x; // Undefined

Если вы не хотите вручную очищать их все один за другим, вы можете сохранить их в object и null объекте вместо отдельных переменных, например так:

let object  = {};
object.name = "Alan";
object.age  = 26;
object = null;
object.name; // Undefined
object.age;  // Undefined

let data = {};
data.str = "Answer to life, universe and everything is";
data.int = 42;

console.log(data.str, data.int);

setTimeout(() => {
  console.clear();
  data = null;
  console.log(data.str, data.int);
}, 2000);