Висящие запятые - JavaScript | MDN

Toggle sidebar

Theme

OS default
Light
Dark

Русский

Remember language Learn more

Висящие запятые

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..

* Some parts of this feature may have varying levels of support.

Висящие запятые (или "последние запятые") могут быть полезны при добавлении новых элементов, параметров или свойств в код JavaScript. Если вы хотите добавить новое свойство, вы просто добавляете новую строчку без изменения предыдущей, если в ней уже использована висящая запятая. Это делает различия в контроле версий чище и изменение кода может быть менее хлопотным.

JavaScript с самого начала допускает использовать висящих запятых в литералах массива, а затем добавлял их в литералы объекта (ECMAScript 5) и, совсем недавно (ECMAScript 2017), к параметрам функций.

JSON, однако, не допускает висящих запятых.

Висящие запятые в литералах

Массивы

JavaScript игнорирует висящие запятые в массивах:

js
var arr = [1, 2, 3,];

arr; // [1, 2, 3]
arr.length; // 3

Если использовано больше одной висящей запятой, будут созданы "дырки". Массив с "дырками" называется разреженным (плотный массив не имеет "дырок"). При итерации массива при помощи, например, Array.prototype.forEach() или Array.prototype.map(), "дырки" будут пропущены.

js
var arr = [1, 2, 3, , ,];
arr.length; // 5

Объекты

Начиная с ECMAScript 5, висящие запятые в объектах также допустимы:

js
var object = {
  foo: "bar",
  baz: "qwerty",
  age: 42,
};

Висящие запятые в функциях

ECMAScript 2017 допускает висящие запятые в списке параметров функции.

Определение параметров

Следующие определения параметров функций допустимы и равнозначны друг другу. Висящие запятые не влияют на свойство length функции или их объект arguments.

js
function f(p) {}
function f(p,) {}

(p) => {};
(p,) => {};

Висящая запятая также работает с определением методов для классов или объектов:

js
class C {
  one(a,) {},
  two(a, b,) {},
}

var obj = {
  one(a,) {},
  two(a, b,) {},
};

Вызов функции

Следующие вызовов функций допустимы и равнозначны друг другу.

js
f(p);
f(p,);

Math.max(10, 20);
Math.max(10, 20,);

Недопустимые висящие запятые

Определение параметров функции или вызов функции, содержащих только запятую будет генерировать SyntaxError. Кроме того, при использовании остаточных параметров не допускается использовать висящие запятые:

js
function f(,) {} // SyntaxError: missing formal parameter
(,) => {};       // SyntaxError: expected expression, got ','
f(,)             // SyntaxError: expected expression, got ','

function f(...p,) {} // SyntaxError: parameter after rest parameter
(...p,) => {}        // SyntaxError: expected closing parenthesis, got ','

Висящие запятые в деструктурировании

Висящие запятые так же можно использовать слева при использовании деструктурирующего присваивания:

js
// массив деструктурируется с висящей запятой
[a, b,] = [1, 2];

// объект деструктурируется с висящей запятой
var o = {
  p: 42,
  q: true,
};
var { p, q } = o;

Ещё раз, при использовании оставшихся параметров будет сгенерирована SyntaxError:

js
var [a, ...b,] = [1, 2, 3];
// SyntaxError: rest element may not have a trailing comma

Висящие запятые в JSON

Висящие запятые в объекте допустимы только в ECMAScript 5. Так как JSON основан на синтаксисе JavaScript старше, чем ES5, висящие запятые не допускаются в JSON.

Обе строки генерируют SyntaxError:

js
JSON.parse("[1, 2, 3, 4, ]");
JSON.parse('{"foo" : 1, }');
// SyntaxError JSON.parse: unexpected character
// at line 1 column 14 of the JSON data

Опустите висящие запятые, чтобы правильно проанализировать JSON:

js
JSON.parse("[1, 2, 3, 4 ]");
JSON.parse('{"foo" : 1 }');

Спецификации

Specification

ECMAScript® 2027 Language Specification
# prod-Elision

ECMAScript® 2027 Language Specification
# prod-ObjectLiteral

ECMAScript® 2027 Language Specification
# prod-ArrayLiteral

ECMAScript® 2027 Language Specification
# prod-Arguments

ECMAScript® 2027 Language Specification
# prod-FormalParameters

ECMAScript® 2027 Language Specification
# prod-CoverParenthesizedExpressionAndArrowParameterList

ECMAScript® 2027 Language Specification
# prod-NamedImports

ECMAScript® 2027 Language Specification
# prod-NamedExports

ECMAScript® 2027 Language Specification
# prod-QuantifierPrefix

ECMAScript® 2027 Language Specification
# prod-annexB-InvalidBracedQuantifier

Совместимость с браузерами

Enable JavaScript to view this browser compatibility table.

Смотрите также

Initial ECMAScript proposal: trailing function commas by Jeff Morrison

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 24 мар. 2025 г. by MDN contributors.

View this page on GitHub • Report a problem with this content

Висящие запятые

In this article

Help improve MDN