bxnotes.ru
  • конспекты
  • статьи
Angular в конспектах Angular Bitrix в конспектах Bitrix Git в конспектах Git Js в конспектах Js Linux в конспектах Linux MySQL в конспектах MySQL Php в конспектах Php React в конспектах React
Angular в статьях Angular Bitrix в статьях Bitrix Git в статьях Git Js в статьях Js Linux в статьях Linux MySQL в статьях MySQL Php в статьях Php React в статьях React
Главная
Статьи
js
Оформлении кода
Статья из конспекта "JavaScript Patterns":
  • Концепции JavaScript
  • ECMAScript 5
  • JSLint
  • Написание хорошего кода
  • Глобальные переменные
  • Доступ к глобальному объекту
  • Паттерн один var
  • Цикл For
  • Цикл for in
  • Добавление свойств
  • Хороший стиль
  • Оформлении кода
  • Объекты
  • Паттерны создания объектов
  • Массивы
  • JSON
  • Регулярные выражения
  • Primitive wrapper objects
  • Error Objects
  • Функции

Оформлении кода

Общепринятые правила оформления кода в JavaScript.

js
Следование правилам оформления кода помогает создавать понятный и легко поддерживаемый код.
Источник — JavaScript Patterns:
В конспекте →

Горизонтальные отступы

function outer(a, b) {
var c = 1,
d = 2,
inner;
if (a > b) {
inner = function () {
return {
r: c - d
};
};
} else {
inner = function () {
return {
r: c + d
};
};
}
return inner;
}
hosted with ❤ by bxnotes

Использовать фигурные скобки даже когда это не обязательно

if (true) {
alert(1);
} else {
alert(2);
}
hosted with ❤ by bxnotes

Фигурная скобка на линии оператора

function func() {
return {
name: "Batman"
};
}
hosted with ❤ by bxnotes

Пробелы для улучшения читаемости

var d = 0,
a = b + 1;
if (a && b && c) {
d = a % c;
a += d;
}
hosted with ❤ by bxnotes

API Docs

/**
* Reverse a string
*
* @param {String} input String to reverse
* @return {String} The reversed string
*/
var reverse = function (input) {
// ...
return output;
};
hosted with ❤ by bxnotes

Именование

Camel Case для именования функций. Функции с конструктором с заглавной буквы.

function MyConstructor() {...}
function myFunction() {...}
hosted with ❤ by bxnotes

Константы
var MAX_VALUE = 299;

Приватные переменные
_private = "hidden";

Источник — JavaScript Patterns:
В конспекте →
Опубликовано 21.09.2018

© 2017–2018 bxnotes
конспекты веб разработчика
feedback@bxnotes.ru