-
Notifications
You must be signed in to change notification settings - Fork 178
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Optional chaining ?. #146
Optional chaining ?. #146
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Дякую за чудовий переклад!
Будь-ласка, подивіться мої коментарі і пропозиції.
Деякі з них обов'язково потрібно виправити (друкарські помилки), інші після того, як пулл реквест подивиться
@tarasyyyk ;)
|
||
[recent browser="new"] | ||
|
||
The optional chaining `?.` is a safe way to access nested object properties, even if an intermediate property doesn't exist. | ||
Опціональний ланцюжок `?.` - це безпечний спосіб доступу до влатсивостей об'єктів з вкладеностями, навіть якщо проміжних властивостей не існує. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Опціональний ланцюжок `?.` - це безпечний спосіб доступу до влатсивостей об'єктів з вкладеностями, навіть якщо проміжних властивостей не існує. | |
Опціональний ланцюжок `?.` -- це безпечний спосіб доступу до вкладених властивостей об'єктів, навіть якщо проміжних властивостей не існує. |
|
||
In such case, when we attempt to get `user.address.street`, and the user happens to be without an address, we get an error: | ||
Отож якщо користувач не вказав адресу, а ми в свою чергу намагаємось отримати доступ до властивості `user.address.street` отримаємо помилку. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Отож якщо користувач не вказав адресу, а ми в свою чергу намагаємось отримати доступ до властивості `user.address.street` отримаємо помилку. | |
Отож якщо користувач не вказав адресу, а ми в свою чергу спробуємо отримати доступ до властивості `user.address.street`, то отримаємо помилку. |
|
||
In many practical cases we'd prefer to get `undefined` instead of an error here (meaning "no street"). | ||
Проте в багатьох життєвих ситуаціях було б набагато зручніше отримати просто `undefined` ("немає вулиці"). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Проте в багатьох життєвих ситуаціях було б набагато зручніше отримати просто `undefined` ("немає вулиці"). | |
Проте в багатьох життєвих ситуаціях було б набагато зручніше отримати просто `undefined`, що буде означати "немає вулиці". |
|
||
...And another example. In the web development, we can get an object that corresponds to a web page element using a special method call, such as `document.querySelector('.elem')`, and it returns `null` when there's no such element. | ||
Ще один приклад. У веб розробці ми можемо отримати об'єкт котрий відповідає елементу на веб сторінці за допомогою стеціальних методів, наприклад: `document.querySelector('.elem')`. Проте якщо ми намагатимось отримати елемент якого немає на сторінці, то нам вернеться `null`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ще один приклад. У веб розробці ми можемо отримати об'єкт котрий відповідає елементу на веб сторінці за допомогою стеціальних методів, наприклад: `document.querySelector('.elem')`. Проте якщо ми намагатимось отримати елемент якого немає на сторінці, то нам вернеться `null`. | |
Ще один приклад. У веб розробці ми можемо отримати об'єкт котрий відповідає елементу на веб сторінці за допомогою спеціальних методів, наприклад: `document.querySelector('.elem')`. Проте якщо ми намагатимось отримати елемент якого немає на сторінці, то нам вернеться `null`. |
// document.querySelector('.elem') is null if there's no element | ||
let html = document.querySelector('.elem').innerHTML; // error if it's null | ||
// document.querySelector('.elem') рівний null якщо такого елемента не існує | ||
let html = document.querySelector('.elem').innerHTML; // помилка осткільки null |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let html = document.querySelector('.elem').innerHTML; // помилка осткільки null | |
let html = document.querySelector('.elem').innerHTML; // помилка оскільки null |
}; | ||
|
||
let user2 = null; | ||
let user2 = null; // уявимо що користувач не авторизувався |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let user2 = null; // уявимо що користувач не авторизувався | |
let user2 = null; // уявімо, що користувач не авторизувався |
|
||
```js run | ||
delete user?.name; // delete user.name if user exists | ||
delete user?.name; // видалити user.name якщо користувач існує |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
delete user?.name; // видалити user.name якщо користувач існує | |
delete user?.name; // видалити user.name, якщо користувач існує |
````warn header="We can use `?.` for safe reading and deleting, but not writing" | ||
The optional chaining `?.` has no use at the left side of an assignment. | ||
````warn header="Ми можемо використовувати `?.` для безпечного читання і видалення властивостей, але не для запису" | ||
Опціональний ланцюжок `?.` не має сенсу лівій частині просвоювання. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Опціональний ланцюжок `?.` не має сенсу лівій частині просвоювання. | |
Опціональний ланцюжок `?.` не має сенсу у лівій частині просвоювання. |
|
||
Still, we should apply `?.` carefully, only where it's acceptable that the left part doesn't exist. So that it won't hide programming errors from us, if they occur. | ||
Тим не менш, потрібно розумно застосовувати `?.`, тільки в тих випах де допустимо що ліва частина не існує. Щоб таким чином не приховувати потенційні помилки програмування. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Тим не менш, потрібно розумно застосовувати `?.`, тільки в тих випах де допустимо що ліва частина не існує. Щоб таким чином не приховувати потенційні помилки програмування. | |
Тим не менш, потрібно розумно застосовувати `?.`, тільки в тих випадках де допустимо що ліва частина не існує. Щоб таким чином не приховувати потенційні помилки програмування. |
@stas-dolgachov дякую за коментарі, все поправив |
@all-contributors add @didostap for translation |
I've put up a pull request to add @didostap! 🎉 |
@all-contributors add @stas-dolgachov for review |
I've put up a pull request to add @stas-dolgachov! 🎉 |
No description provided.