up

1-js/06-advanced-functions/03-closure/8-make-army/lexenv-makearmy.svg

@@ -80,13 +80,13 @@
             <text id="..." font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
                 <tspan x="403" y="94">...</tspan>
             </text>
-            <text id="makeArmy()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
+            <text id="makeArmy()-LexicalEn" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
                 <tspan x="403" y="64">makeArmy()</tspan>
-                <tspan x="403" y="79">Lexical Environment</tspan>
+                <tspan x="403" y="79">LexicalEnvironment</tspan>
             </text>
-            <text id="for-block-Lexical-En" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
+            <text id="for-block-LexicalEnv" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
                 <tspan x="278" y="14">for block</tspan>
-                <tspan x="278" y="29">Lexical Environment</tspan>
+                <tspan x="278" y="29">LexicalEnvironment</tspan>
             </text>
         </g>
     </g>

1-js/06-advanced-functions/03-closure/article.md

@@ -70,7 +70,7 @@ The Lexical Environment object consists of two parts:
 1. *Environment Record* -- an object that stores all local variables as its properties (and some other information like the value of `this`).
 2. A reference to the *outer lexical environment*, the one associated with the outer code.
 
-**So, a "variable" is just a property of the special internal object, `Environment Record`. "To get or change a variable" means "to get or change a property of that object".**
+**A "variable" is just a property of the special internal object, `Environment Record`. "To get or change a variable" means "to get or change a property of that object".**
 
 For instance, in this simple code, there is only one Lexical Environment:
 
@@ -80,7 +80,7 @@ This is a so-called global Lexical Environment, associated with the whole script
 
 On the picture above, the rectangle means Environment Record (variable store) and the arrow means the outer reference. The global Lexical Environment has no outer reference, so it points to `null`.
 
-Here's the bigger picture of what happens when a `let` changes:
+And that's how it changes when a variable is defined and assigned:
 
 ![lexical environment](lexical-environment-global-2.svg)
 
@@ -119,7 +119,7 @@ Now let's go on and explore what happens when a function accesses an outer varia
 
 During the call, `say()` uses the outer variable `phrase`, let's look at the details of what's going on.
 
-First, when a function runs, a new function Lexical Environment is created automatically. That's a general rule for all functions. That Lexical Environment is used to store local variables and parameters of the call.
+When a function runs, a new Lexical Environment is created automatically to store local variables and parameters of the call.
 
 For instance, for `say("John")`, it looks like this (the execution is at the line, labelled with an arrow):
 

1-js/06-advanced-functions/03-closure/lexenv-nested-makecounter-2.svg

@@ -57,11 +57,11 @@
                 <tspan x="675" y="67">null</tspan>
             </text>
             <polyline id="Rectangle-1-Copy" fill="#EC6B4E" points="3 39.7741935 3 27 12 33.3870968"></polyline>
-            <text id="global-Lexical-Envir" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
-                <tspan x="440" y="15">global Lexical Environment</tspan>
+            <text id="global-LexicalEnviro" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
+                <tspan x="440" y="15">global LexicalEnvironment</tspan>
             </text>
-            <text id="Lexical-Environment" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
-                <tspan x="275" y="15">Lexical Environment</tspan>
+            <text id="LexicalEnvironment-o" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
+                <tspan x="275" y="15">LexicalEnvironment</tspan>
                 <tspan x="275" y="29">of makeCounter() call</tspan>
             </text>
         </g>

1-js/06-advanced-functions/03-closure/lexenv-nested-makecounter-4.svg

@@ -51,7 +51,7 @@
                     <tspan x="4" y="19">count: 0</tspan>
                 </text>
             </g>
-            <g id="Group" transform="translate(606.000000, 48.000000)">
+            <g id="Group" transform="translate(612.000000, 48.000000)">
                 <path id="Line" d="M16.5,21.5 L2.5,21.5 L2.5,19.5 L16.5,19.5 L16.5,13.5 L30.5,20.5 L16.5,27.5 L16.5,21.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
                 <text id="outer" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
                     <tspan x="0" y="11">outer</tspan>
@@ -64,7 +64,7 @@
                 </text>
             </g>
             <text id="null" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
-                <tspan x="651" y="71">null</tspan>
+                <tspan x="657" y="71">null</tspan>
             </text>
             <text id="[[Environment]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
                 <tspan x="184" y="192">[[Environment]]</tspan>