minor fixes

Author: iliakan

1-js/04-object-basics/07-optional-chaining/article.md

@@ -32,7 +32,7 @@ alert(user.address.street); // Ошибка!
 let html = document.querySelector('.elem').innerHTML; // ошибка, если он равен null
 ```
 
-Ещё раз, если элемент не существует, мы получим сообщение об ошибке доступа к `.innerHTML` со значением `null`. И в некоторых случаях, когда отсутствие элемента является нормальным, мы хотели бы избежать ошибки и просто принять `html = null` в качестве результата.
+Ещё раз, если элемент не существует, мы получим сообщение об ошибке доступа к свойству `.innerHTML` у `null`. И в некоторых случаях, когда отсутствие элемента является нормальным, мы хотели бы избежать ошибки и просто принять `html = null` в качестве результата.
 
 Как мы можем это сделать?
 
@@ -44,9 +44,19 @@ let user = {};
 alert(user.address ? user.address.street : undefined);
 ```
 
-Это работает, тут нет ошибки... Но это довольно неэлегантно. Как вы можете видеть, `"user.address"` появляется в коде дважды. Для более глубоко вложенных свойств это становится проблемой, поскольку потребуется больше повторений.
+Это работает, тут нет ошибки... Но это довольно неэлегантно. Как вы можете видеть, `"user.address"` появляется в коде дважды.
 
-К примеру, давайте попробуем получить `user.address.street.name`.
+Вот как то же самое выглядело бы для `document.querySelector`:
+
+```js run
+let html = document.querySelector('.elem') ? document.querySelector('.elem').innerHTML : null;
+```
+
+Как видно, поиск элемента `document.querySelector('.elem')` здесь вызывается дважды, что не очень хорошо.
+
+Для более глубоко вложенных свойств это ещё менее красиво, поскольку потребуется больше повторений.
+
+К примеру, давайте аналогично вычислим `user.address.street.name`.
 
 Нам нужно проверить как `user.address`, так и `user.address.street`:
 
@@ -58,7 +68,7 @@ alert(user.address ? user.address.street ? user.address.street.name : null : nul
 
 Это просто ужасно, у кого-то могут даже возникнуть проблемы с пониманием такого кода.
 
-На самом деле это не большая проблема, так как есть лучший способ написать это, используя оператор `&&`:
+Есть немного лучший способ написать это, используя оператор `&&`:
 
 ```js run
 let user = {}; // пользователь без адреса
@@ -70,7 +80,7 @@ alert( user.address && user.address.street && user.address.street.name ); // und
 
 Как вы можете видеть, имена свойств по-прежнему дублируются в коде. Например, в приведённом выше коде `user.address` появляется три раза.
 
-Вот почему в язык была добавлена опциональная цепочка `?.`. Чтобы решить эту проблему раз и навсегда! 
+Вот почему в язык была добавлена опциональная цепочка `?.`. Чтобы решить эту проблему - раз и навсегда!
 
 ## Опциональная цепочка
 
@@ -92,6 +102,12 @@ alert( user?.address?.street ); // undefined (без ошибки)
 
 Код лаконичный и понятный, в нем вообще нет дублирования.
 
+А вот пример с `document.querySelector`:
+
+```js run
+let html = document.querySelector('.elem')?.innerHTML; // будет null, если элемента нет
+```
+
 Считывание адреса с помощью `user?.address` работает, даже если объект `user` не существует:
 
 ```js run
@@ -103,12 +119,12 @@ alert( user?.address.street ); // undefined
 
 Обратите внимание: синтаксис `?.` делает необязательным значение перед ним, но не какое-либо последующее.
 
-Так например, в `user?.address.street.name` `?.` позволяет `user` безопасно быть `null/undefined` (и в этом случае возвращает `undefined`), но это только для `user`. Доступ к последующим свойствам осуществляется обычным способом. Если мы хотим, чтобы некоторые из них были необязательными, тогда нам нужно будет заменить больше `.` на `?.`.
+Так например, в записи `user?.address.street.name` `?.` позволяет `user` безопасно быть `null/undefined` (и в этом случае возвращает `undefined`), но это так только для `user`. Доступ к последующим свойствам осуществляется обычным способом. Если мы хотим, чтобы некоторые из них были необязательными, тогда нам нужно будет заменить больше `.` на `?.`.
 
 ```warn header="Не злоупотребляйте опциональной цепочкой"
 Нам следует использовать `?.` только там, где нормально, что чего-то не существует.
 
-К примеру, если, в соответствии с нашей логикой кода, объект `user` должен существовать, но `address` является необязательным, то нам следует писать `user.address?.street`, но не `user?.address?.street`.
+К примеру, если, в соответствии с логикой нашего кода, объект `user` должен существовать, но `address` является необязательным, то нам следует писать `user.address?.street`, но не `user?.address?.street`.
 
 В этом случае, если вдруг `user` окажется `undefined`, мы увидим программную ошибку по этому поводу и исправим её. В противном случае, если слишком часто использовать `?.`, ошибки могут замалчиваться там, где это неуместно, и их будет сложнее отлаживать.
 ```
@@ -151,22 +167,22 @@ alert(x); // 0, значение не увеличилось
 ```js run
 let userAdmin = {
   admin() {
-    alert("I am admin");
+    alert("Я админ");
   }
 };
 
 let userGuest = {};
 
 *!*
-userAdmin.admin?.(); // I am admin
+userAdmin.admin?.(); // Я админ
 */!*
 
 *!*
-userGuest.admin?.(); // ничего (такого метода нет)
+userGuest.admin?.(); // ничего не произойдет (такого метода нет)
 */!*
 ```
 
-Здесь в обеих строках мы сначала используем точку (`userAdmin.admin`), чтобы получить свойство `admin`, потому что мы предполагаем, что объект user существует, так что читать из него безопасно.
+Здесь в обеих строках мы сначала используем точку (`userAdmin.admin`), чтобы получить свойство `admin`, потому что мы предполагаем, что объект `user` существует, так что читать из него безопасно.
 
 Затем `?.()` проверяет левую часть: если функция `admin` существует, то она запускается (это так для `userAdmin`). В противном случае (для `userGuest`) вычисление остановится без ошибок.
 
@@ -179,7 +195,7 @@ let user1 = {
   firstName: "John"
 };
 
-let user2 = null; 
+let user2 = null;
 
 alert( user1?.[key] ); // John
 alert( user2?.[key] ); // undefined
@@ -199,10 +215,9 @@ delete user?.name; // удаляет user.name если пользователь
 let user = null;
 
 user?.name = "John"; // Ошибка, не работает
-// потому что вычисляется как undefined = "John"
+// то же самое что написать undefined = "John"
 ```
 
-Она недостаточно "умна" для этого.
 ````
 
 ## Итого
@@ -217,4 +232,4 @@ user?.name = "John"; // Ошибка, не работает
 
 Цепочка `?.` позволяет безопасно получать доступ к вложенным свойствам.
 
-Тем не менее, мы должны использовать `?.` осторожно, только там, где допустимо, что левая часть не существует. И чтобы он не скрывал от нас ошибки программирования, если они возникнут.
+Тем не менее, мы должны использовать `?.` осторожно, только там, где по логике кода допустимо, что левая часть не существует. Чтобы он не скрывал от нас ошибки программирования, если они возникнут.