From 6816f521071498ac5171ec3a306a2a6717db591e Mon Sep 17 00:00:00 2001 From: Mariya Date: Tue, 31 Mar 2026 20:08:25 +0500 Subject: [PATCH 1/6] dsdsds --- index.html | 39 ++++++++++++++++++++++++++++++++++++++- styles.css | 20 ++++++++++++++++++++ 2 files changed, 58 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5e60e40..50453b7 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,43 @@ - + + +
+

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

+

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

+

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

+

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

+

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

+

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

+ +

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

+ +

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

+
\ No newline at end of file diff --git a/styles.css b/styles.css index 1cbd2e0..3dda7bb 100644 --- a/styles.css +++ b/styles.css @@ -1,5 +1,25 @@ /* Тут пиши основные стили */ +h1, h2 h3, h3 h4, h5, h6{ + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; +} +p{ + font-family: Georgia, Cambria, "Times New Roman", Times, serif +} + +code{ + font-family: "Courier New", monospace; +} + +.head ul{ + list-style: none; + padding: 0; +} + +.head li{ + display: inline-block; + margin-right: 20px; +} @media (max-width: 800px) { /* Тут пиши стили для мобилки. From 0dd0ee49c0e553b020ede47498559625a10c6e01 Mon Sep 17 00:00:00 2001 From: sofjushka Date: Tue, 31 Mar 2026 20:15:50 +0500 Subject: [PATCH 2/6] done text --- index.html | 28 +++++++++++-------- styles.css | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 2 files changed, 92 insertions(+), 17 deletions(-) diff --git a/index.html b/index.html index 50453b7..4e0cb74 100644 --- a/index.html +++ b/index.html @@ -6,30 +6,34 @@ - +
+ + +
+
-

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

+

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

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

-

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

+

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

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

-

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

+

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

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

diff --git a/styles.css b/styles.css index 3dda7bb..156cad9 100644 --- a/styles.css +++ b/styles.css @@ -11,14 +11,85 @@ code{ font-family: "Courier New", monospace; } -.head ul{ + + + +.head ul { + display: flex; + flex-direction: row; + list-style: none; - padding: 0; + padding: 20px 38px; + background-color: whitesmoke; + border: #333333; + border-top: #333333; + border-bottom: #333333; + border-left: 0px; + border-right: 0px; + border-style: solid; +} +.head li a { + color: #333333; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + margin: 15px; + line-height:36px; + font-size:24px; +} +.head li .red_text { + color:#d0021b; +} +li a:hover { + text-decoration: underline; } -.head li{ - display: inline-block; - margin-right: 20px; +article { + max-width: 700px; + margin: auto; + +} +h1 { + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size:42px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:44px; + margin: 10px; +} +h2 { + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size:34px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:39px; + margin: 10px; +} +code { + font-family: "Courier New", monospace; +} +p { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size:21px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; + margin: 10px; +} +section { + margin-bottom: 55px; + margin-top: 21px; +} +.logo { + width: 101px; + height: 64px; +} +img { + max-width: 700px; + width: 100%; + height: auto; +} +section img { + margin-top: 43px; + margin-bottom: 37px; } @media (max-width: 800px) { From ec7f9782a2a4840e334d318bc4c76147380a4c07 Mon Sep 17 00:00:00 2001 From: Mariya Date: Tue, 31 Mar 2026 20:30:38 +0500 Subject: [PATCH 3/6] dsdsdsdsdsfsf --- index.html | 4 ++-- styles.css | 9 ++++++++- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 4e0cb74..4ab71e2 100644 --- a/index.html +++ b/index.html @@ -7,11 +7,11 @@
- +