article-markup/index.html at master · Onomui/article-markup · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Практика верстки</title>
    <link rel="stylesheet" href="styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<img src="responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/0A444DCB-E33A-45DC-B3CE-3D329BD766F6@3x.png" alt="html/css" class="header_image">
<nav>
    <ul class="header_list">
        <li class="header_point_wrapper"><a class="header_point">Обо мне</a></li>
        <li class="header_point_wrapper"><a class="header_point">Проекты</a></li>
        <li class="header_point_wrapper"><a class="header_point">Портфолио</a></li>
        <li class="header_point_wrapper"><a class="header_point">Блог</a></li>
        <li class="header_point_wrapper"><a class="header_point">Контакты</a></li>
    </ul>
</nav>
    <main>
        <h1>Замыкания в JavaScript для начинающих</h1>
        <p>Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.<br/><br/>
            Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах.</p>
        <h2>Что такое замыкание?</h2>
        <p>Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.
            Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах.</p>
        <h2>Что такое лексическое окружение?</h2>
        <p>Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде. Рассмотрим пример:</p>
        <img src="article-design\2744EFD6-B878-4DCB-B0D5-526F1B233733\CA501510-E978-4377-9076-8F392B899C1B@1x.png">
        <p>Здесь у функции <span>inner()</span> есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции <span>outer()</span> и в глобальной области видимости. Функция <span>outer()</span> имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости.<br/></p>
        <p class="to-delete">Цепочка областей видимости вышеприведённого кода будет выглядеть так:</p>
        <img class="to-delete" src="article-design\2744EFD6-B878-4DCB-B0D5-526F1B233733\848B0BFD-C857-4F1E-93BF-3822E0A81A7E@1x.png">
        <p class="to-delete">Обратите внимание на то, что функция <span>inner()</span> окружена лексическим окружением функции <span>outer()</span>, которая, в свою очередь, окружена глобальной областью видимости. Именно поэтому функция <span>inner()</span> может получить доступ к переменным, объявленным в функции <span>outer()</span> и в глобальной области видимости.</p>
    </main>
</body>
</html>