Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Fix coding style#690

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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
Andrii256 wants to merge1 commit intojavascript-tutorial:master
base:master
Choose a base branch
Loading
fromAndrii256:03-02-coding-style
Open
Changes fromall commits
Commits
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions1-js/03-code-quality/02-coding-style/article.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -2,7 +2,7 @@

Наш код повинен бути настільки зрозумілим та читабельним, наскільки це можливо.

Насправді мистецтво програмування — це брати складну задачу і писати код, який одночасно і розв'язує задачу, і залишається зрозумілим людині.Саме тутхороший стиль коду стає у пригоді.
Насправді мистецтво програмування — це брати складну задачу і писати код, який одночасно і розв'язує задачу, і залишається зрозумілим людині.Іхороший стиль коду тут неабияк стає у пригоді.

## Синтаксис

Expand DownExpand Up@@ -42,7 +42,7 @@ if (n < 0) {

### Фігурні дужки

У більшості JavaScript проєктів фігурні дужки написані у так званому "Єгипетському" стилі, де дужка що відкриває блок знаходиться не на новому рядку, а на тому ж, що й відповідне ключове слово. Також потрібно додавати перед нею пробіл. Наприклад:
У більшості JavaScript проєктів фігурні дужки написані у так званому "Єгипетському" стилі, де дужка, що відкриває блок знаходиться не на новому рядку, а на тому ж, що й відповідне ключове слово. Також потрібно додавати перед нею пробіл. Наприклад:

```js
if (condition) {
Expand DownExpand Up@@ -104,7 +104,7 @@ if (
}
```

Максимальну довжину рядкавизначається командою. Зазвичайце `80` або `120` символів.
Максимальну довжину рядкаслід встановлювати на рівні всієї команди (людської, від слова team). Зазвичайвстановлюють `80` або `120` символів.

### Відступи

Expand DownExpand Up@@ -151,7 +151,7 @@ if (

Крапку з комою треба ставити після кожного виразу, навіть тоді, коли є можливість їх пропустити.

Є мови програмування, у яких крапка з комою є дійсно необов'язковими та рідко використовуються. Проте у JavaScript є ситуації коли перенесення строки не інтерпретується як крапка з комою, залишаючи код вразливим до помилок.Більше детальнопро цезнайдете у розділі <info:structure#semicolon>.
Є мови програмування, у яких крапка з комою є дійсно необов'язковими та рідко використовуються. Проте у JavaScript є ситуації коли перенесення строки не інтерпретується як крапка з комою, залишаючи код вразливим до помилок.Детальнішепро цеможна почитати в розділі <info:structure#semicolon>.

Якщо ви досвідчений JavaScript програміст, ви можете обрати стиль коду без крапки з комою, наприклад [StandardJS](https://standardjs.com/). Інакше, краще використовувати крапку з комою для того, щоб уникнути підводних каменів. Більшість розробників використовують крапку з комою.

Expand DownExpand Up@@ -180,7 +180,7 @@ for (let i = 0; i < 10; i++) {
}
```

Схожим чином ми можемо змінити `if/else` та `return`.
Схожим чином ми можемо змінити `if`/`else` та `return`.

Наприклад, дві конструкції нижче є ідентичними.

Expand DownExpand Up@@ -275,13 +275,13 @@ function pow(x, n) {

Причиною цього є те, що коли ми читаємо код, перш за все ми хочемо зрозуміти *що він робить*. Якщо головний код іде першим - це стає зрозумілим з самого початку. Тоді, можливо ми навіть не будемо читати функції взагалі, особливо якщо їх імена відповідають тому, що вони роблять.

##Посібникизі Стилю Коду
##Style Guide (Посібникзі Стилю Коду)

Посібник зі стилю кодумістить загальні правила "як писати" код, наприклад, які лапки використовувати, скільки пробілів ставити для відступу, максимальну довжину рядка, і таке інше. Тобто, багато дрібниць.
Style Guideмістить загальні правила "як писати" код. Наприклад які лапки використовувати, скільки пробілів ставити для відступу, максимальну довжину рядка, і таке інше. Тобто, багато дрібниць.

Коли всі члени команди використовуютьпосібник зі стилю, код виглядає однаковим, незалежно від того, хто з команди його написав.
Коли всі члени команди використовуютьоднаковий style guide, код виглядає однаковим, незалежно від того, хто з команди його написав.

Звичайно, кожна команда може завжди створити свійпосібник зі стилю, але зазвичай в цьому не має потреби. Є багато посібників, серед яких можна вибрати найбільш відповідний.
Звичайно, кожна команда може завжди створити свійstyle guide, але зазвичай в цьому не має потреби. Є багато посібників, серед яких можна вибрати найбільш відповідний.

Деякі популярні посібники:

Expand DownExpand Up@@ -313,7 +313,7 @@ function pow(x, n) {

1. Встановіть [Node.js](https://nodejs.org/).
2. Встановіть ESLint, використовуючи команду `npm install -g eslint` (npm – це менеджер JavaScript пакетів (модулів)).
3. Створіть файл конфігурації `.eslintrc` вкорні вашого JavaScript проєкту (у директорії, що містить всі ваші файли).
3. Створіть файл конфігурації `.eslintrc` вкорені вашого JavaScript проєкту (у директорії, що містить всі ваші файли).
4. Встановіть/увімкніть плагін для вашого редактора, який інтегрується з ESLint. Більшість редакторів мають такий плагін.

Ось приклад файлу `.eslintrc`:
Expand Down
[8]ページ先頭
©2009-2025 Movatter.jp