Closures, everywhere, is also a prerequisite knowledge of the front-end knowledge. Understanding him is helpful to our understanding of JS. Here's a very simple closure.
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Closure Test</title></Head><Body><Divonclick= "B ()">In the test</Div><Scripttype= "Text/javascript"src= "Js/jquery-1.8.3.min.js"></Script><Scripttype= "Text/javascript">$(function(){ functionB () {Console.log (1); }}); B ();</Script></Body></HTML>
Will not be reported to find the error B;
And let's change it:
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Closure Test</title></Head><Body><Divonclick= "B ()">In the test</Div><Scripttype= "Text/javascript"src= "Js/jquery-1.8.3.min.js"></Script><Scripttype= "Text/javascript">functionB () {Console.log (1);} $(function() {B ();});</Script></Body></HTML>
is operating normally.
In fact, after calling jquery's Ready method, the inside and outside are already different scopes.
A little experience of closures