Chrome 控制台清除分配和变量

Question

I am learning JavaScript and have been doing a lot of testing in the Chrome console. Even if I clear the console, or use any of the commands I've seen in other threads ( localStorage.clear() ) any variables I've assigned still show up.

For example, if I do something like var name = "Bob";

I clear and close the console, reopen it, and look for the value of name , it's still Bob .

What's the best way to clear these out?

Answer 1

A simple solution to this problem is to wrap any code that you don't want in the global scope in an immediately-invoked function expression (IIFE). All the variables assigned in the function's scope are deallocated when the function ends:

(function() {

    // Put your code here...

})();

For more info on IIFEs: https://en.wikipedia.org/wiki/Immediately-invoked_function_expression

[Update]

In ES6 you can use blocks (so long as you use let instead of var ):

{

    // Put your code here...

}

For more info on blocks: http://exploringjs.com/es6/ch_core-features.html#sec_from-iifes-to-blocks

Answer 2

Easiest way to clear data from the console is to refresh the page .

What you are affecting when declaring any variables or functions within the developer console is the global execution context , which for web browsers is window .

When you clear() the console you are telling Chrome to remove all visible history of these operations, not clear the objects that you have attached to window .

Answer 3

Clearing the console doesn't clear out the variables from the memory rather it just clears the data from the user interface.

Reloading the page clears the console data. I hope that should be fine as you mentioned that you are just testing and learning javascript.

Hope that helps!

Answer 4

Just Reload for new context with clear history and old commands execution

Things have changed a lot on Chrome dev tools. delete name does not help;

//for example if you have declared a variable 
const x = 2;
//Now sometime later you want to use the same variable 
const x = 5; // you will get an error 
//if you try to delete it you will get false
delete x;

But a reload of page while console is still open. will refresh the console context and now the x is not available and you can redefine it.

Answer 5

I think the best way to clear the defined varible would be:

window.location.reload();

It would automatically remove all the declared variable at once.

Answer 6

If you right-click the refresh icon in chrome(chrome devtools need to be opened, F12 / Right Click on the page -> Inspect ), after a second or two you will get the option to hard reload. Hard Reload will clear all stored variables.

Ctrl + Shift + R (Windows) / Cmd + Shift + R (Mac) will do the same without opening the devtools.

Answer 7

如果要删除该变量，则

delete name;

Answer 8

实际上有一个答案，不确定这是新的还是已经存在了一段时间，但是如果您执行硬刷新，即 control + shift + r，那么控制台值将被完全删除，您可以重新实例化相同的变量和功能等。

Answer 9

name is already defined.

So - it's already in the global space.

If you do the same thing with a variable like hello - and then refresh, it will clear the memory.

Because name is already defined, it will remain. Refreshing - will not work.

(this was really confusing me - but would not have - if I had chosen almost any other variable for my class demonstration!)

Answer 10

Up until a few days ago CTRL + Shift + R worked for me.

However they have made it very easy to clear console.

Open chrome dev tools and right-click on an empty space. If you right-click on the line with the cursor, it won't show you the right options. The right options are clear console and clear console history.

Clearing console history will clear all variables and their data stored in the console. Hope this helps. It was driving me nuts too and there was no clear answer.

Answer 11

似乎可以通过鼠标右键上下文菜单清除控制台历史记录。

Answer 12

Console.clear()

在您的浏览器控制台中使用此命令，看看它的魔力，使用起来非常方便，并且按照使用 chrome 控制台的最佳实践完美运行，