Как очистить переменные JavaScript при перезагрузке страницы?

Question

Я занимался некоторыми пробелами в javascript, и я столкнулся с проблемой со значениями переменных.

Сначала я выполнил этот код:

function changeName() { 
    name = "Ronaldinho"; 
} 
changeName() 
console.log(name); 

Выход в консоли был: Роналдиньо

Тогда я performmed только этот код:

console.log(name); 

Выход в консоли еще был: Роналдиньо

Я использовал Google Chrome. Я попытался очистить кэш, все параметры перезагрузки страницы (ctrl + F5/shift + F5/ctrl + R/shift + R/Щелкните правой кнопкой мыши значок перезагрузки и «Запустить перезагрузку и очистить кеш»), очистите кеш, очистите консоль, включить опцию «Отключить кеш (в то время как DevTools открыт)».

Это работает, только когда я закрываю и открываю новую вкладку.

Answer 1

Если вы забыли ключевое слово var в javascript, переменная будет создана в корневом объекте. В браузере корневой объект равен window. Таким образом, вы найдете свою переменную в window.name. Если вы хотите удалить его, вы можете сделать delete window.name

EDIT: на консоли Chrome защищенный код защищен. Chrome использует другой объект, кроме window. Вы найдете свою переменную в this.name. Поэтому вы можете удалить его с помощью delete this.name.

Answer 2

Измените имя своей переменной, вместо этого попробуйте «myName». Поскольку вы никогда не используете ключевое слово «var», name находится в глобальной области.

Но что-то еще происходит: window.name уже принят! Поскольку у окна есть связанный с ним name. (См window.open для получения дополнительной информации)

Или лучше: В 99% случаев используют var ключевое слово, чтобы объявить переменную, остальное время, не объявить переменную (то есть window[anyVariableName] не действительно объявить переменную, вместо определения нового ключа к объекту окна, неявно доступного повсюду в контексте браузера).

Окончательный код (если вы хотите сохранить переменную name):

var name; 

function changeName() { 
    name = "Ronaldinho"; 
} 

console.log(name); // undefined 
changeName() 
console.log(name); // "Ronaldinho"