en.javascript.info/1-js/06-advanced-functions/03-closure/variable-scope-lookup.svg

<svg xmlns="http://www.w3.org/2000/svg" width="374" height="191" viewBox="0 0 374 191"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="closure" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="variable-scope-lookup.svg"><text id="function" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="13" y="30">function</tspan></text><text id="Use" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="88" y="30">Use</tspan></text><text id="r" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="113" y="30">r</tspan></text><text id="(" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="122" y="30">(</tspan></text><text id="nam" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="130" y="30">nam</tspan></text><text id="e" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="155" y="30">e</tspan></text><text id=")" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="164" y="30">)</tspan></text><text id="{" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="180" y="30">{</tspan></text><text id="thi" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="29" y="62">thi</tspan></text><text id="s" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="54" y="62">s</tspan></text><text id="." fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="63" y="62">.</tspan></text><text id="sayHi" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="71" y="62">sayHi</tspan></text><text id="=" fill="#DBAF88" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="122" y="62">=</tspan></text><text id="functio" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="138" y="62">functio</tspan></text><text id="n" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="197" y="62">n</tspan></text><text id="(" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="206" y="62">(</tspan></text><text id=")" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="214" y="62">)</tspan></text><text id="{" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="231" y="62">{</tspan></text><text id="aler" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="46" y="77">aler</tspan></text><text id="t" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="80" y="77">t</tspan></text><text id="(" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="88" y="77">(</tspan></text><text id="nam" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="96" y="77">nam</tspan></text><text id="e" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="122" y="77">e</tspan></text><text id=")" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="130" y="77">)</tspan></text><text id=";" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="138" y="77">;</tspan></text><text id="}" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="29" y="93">}</tspan></text><text id=";" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="38" y="93">;</tspan></text><text id="}" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="13" y="124">}</tspan></text><text id="let" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="13" y="156">let</tspan></text><text id="user" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="46" y="156">user</tspan></text><text id="=" fill="#DBAF88" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="88" y="156">=</tspan></text><text id="new" fill="#1C85B5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="105" y="156">new</tspan></text><text id="Use" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="138" y="156">Use</tspan></text><text id="r" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="164" y="156">r</tspan></text><text id="(" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="172" y="156">(</tspan></text><text id="&quot;John" fill="#478964" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="180" y="156">&quot;John</tspan></text><text id="&quot;" fill="#478964" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="222" y="156">&quot;</tspan></text><text id=")" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="231" y="156">)</tspan></text><text id=";" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="239" y="156">;</tspan></text><text id="use" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="13" y="171">use</tspan></text><text id="r" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="38" y="171">r</tspan></text><text id="." fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="46" y="171">.</tspan></text><text id="sayH" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="54" y="171">sayH</tspan></text><text id="i" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="88" y="171">i</tspan></text><text id="(" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="96" y="171">(</tspan></text><text id=")" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="105" y="171">)</tspan></text><text id=";" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="113" y="171">;</tspan></text><g id="Group-5" stroke="#C06334" stroke-linecap="square" transform="translate(247 49)"><path id="Line" d="M.129.5h7.742"/><path id="Line-Copy" d="M.129 55.5h7.742"/><path id="Line-Copy-2" d="M8.5.622v54.756"/></g><g id="Group-5-Copy" stroke="#C06334" stroke-linecap="square" transform="translate(293 17)"><path id="Line" d="M.129.5h7.742"/><path id="Line-Copy" d="M.129 109.5h7.742"/><path id="Line-Copy-2" d="M8.5 1.222v107.556"/></g><g id="Group-5-Copy" stroke="#C06334" stroke-linecap="square" transform="matrix(-1 0 0 1 345 3)"><path id="Line-Copy-2" d="M3 2.078v182.844"/></g><path id="Line" fill="#C06334" fill-rule="nonzero" d="M279.5 69.5l14 7-14 7v-6h-14v-2h14v-6zM322.5 69.5l14 7-14 7v-6h-14v-2h14v-6z"/></g></g></svg>