diff --git a/index.html b/index.html index 5e60e40..4cdc0e5 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,41 @@ - +
+ +
+ Логотип +
+ +
+ +
+ +
+
+

Замыкания в JavaScript для начинающих

+

Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту.

+ Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, как они работают в JavaScript-программах.

+

Что такое замыкание?

+

Замыкание — это функция, у которой есть доступ к области видимости, сформированной внешней по отношению к ней функции даже после того, как эта внешняя функция завершила работу. Это значит, что в замыкании могут храниться переменные, объявленные во внешней функции и переданные ей аргументы. Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с понятием «лексическое окружение».

+

Что такое лексическое окружение?

+

Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, функциям и объектам на основе их физического расположения в исходном коде. Рассмотрим пример:

+ код1 +

Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости.

Цепочка областей видимости вышеприведённого кода будет выглядеть так:

+ код2 +

Обратите внимание на то, что функция inner() окружена лексическим окружением функции outer(), которая, в свою очередь, окружена глобальной областью видимости. Именно поэтому функция inner() может получить доступ к переменным, объявленным в функции outer() и в глобальной области видимости.

+ + +
+ + \ No newline at end of file diff --git a/styles.css b/styles.css index 1cbd2e0..dc78950 100644 --- a/styles.css +++ b/styles.css @@ -1,4 +1,81 @@ /* Тут пиши основные стили */ +.container { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + color:rgba(0,0,0,0.84); + text-align:left; + line-height: 33px; + font-size: 21px; + width: 700px; + margin-top: 10px; + margin-left:auto; + margin-right: auto; +} + +.title{ + margin-top: 55px; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; +} + +.code{ + font-family: "Courier New", monospace; + background-color: #eeffff; +} + +h1 { + font-size:42px; + line-height:44px; +} + +h2 { + font-size:34px; + line-height:39px; +} + +.image{ + margin-top: 43px; + margin-bottom: 37px; +} + +.header { + background-color: white; + border-bottom: 1px solid #707070; +} + +.header-top { + padding: 10px 38px; +} + +.header-bottom { + border-top: 1px solid #707070; + padding: 21px 38px; +} + +.nav ul { + display: flex; + gap: 25px; + margin: 0; + padding: 0; + list-style: none; +} + +.nav a { + font-family: LucidaGrande; + font-size: 24px; + color: #333333; + text-align: left; + line-height: 36px; + + text-decoration: none; +} + +.nav a.active { + color: red; +} + +.nav a:hover, +.nav a.hovered { + text-decoration: underline; +} @media (max-width: 800px) {