Маленькая, но уж очень полезная статья о том, как использовать замыкающие запятые в JavaScript.
\n\n\n\n\n\n\n\n\n\n\n\nКто-то называет их просто Trailing Commas, без перевода. Кто-то говорит, что это висящие запятые, конечные запятые или последние запятые. Слышал даже, что её называют гуляющей запятой. Я же сторонник более подходящего варианта в техническом отношении, а именно за замыкающую запятую. Использование англоязычного варианта мне кажется неуместным в этом случае.
Вообще, некоторые замыкающие запятые можно было использовать, своеобразно конечно, ещё с самого зарождения JavaScript. Но эти совершенно новые и ниже вы узнаете буквально всё про них.
\n\n\n\nПредположим, что у вас есть список домашних дел и вы скорее всего разделяете эти самые дела запятыми:
\n\n\n\ndishes, vacuum, tidyЗамыкающая запятая это просто запятая, которая идёт после последнего элемента в списке. Она необязательна, но в некоторых случаях использования в JS, мы можем её использовать:
\n\n\n\ndishes, vacuum, tidy,И знаете, есть несколько случаев, когда вам всё таки понадобится её использовать. Предположим, что вам надо программно добавлять элементы в массив:
\n\n\n\nБез замыкающей запятой большинство значений может быть добавлено в массив, как value + ','. Но тут надо немного доработать логику в коде и убедиться в том, что последний элемент будет добавлен в массив без запятой в конце.
С замыкающей запятой, все элементы могут быть добавлены в массив, как value + ','.
С самого зарождения JavaScript, замыкающие запятые можно было использовать при создании массивов:
\n\n\n\n// Оба варианта одинаковы:\nlet arr = [ 1, 2 ];\nlet arr = [ 1, 2 , ];\narr.length; // 2Замыкающие запятые также вполне можно использовать и в объектах:
\n\n\n\n// Оба варианта одинаковы:\nlet obj = { \n a: 95, \n b: 23\n};\nlet obj = { \n a: 95, \n b: 23,\n};Начиная с ES 2017, замыкающие запятые можно использовать в указании параметров и вызовах функции:
\n\n\n\n// Оба варианта одинаковы:\nfunction f(a,b) {}\nfunction f(a,b,) {}\n// Оба варианта одинаковы:\nf(1,2);\nf(1,2,);Однако, если в аргументе для функции будет только замыкающая запятая, то вы получите синтаксическую ошибку:
\n\n\n\nfunction f(,) {}; \n// SyntaxError: missing formal parameter\nf(,); \n// SyntaxError: expected expression, got ','При использовании rest параметров нельзя применять замыкающие запятые, так как получите в ответ SyntaxError:
function f(...a,) {};\n// SyntaxError: parameter after rest parameter\nlet [a, ...b,] = [1, 2, 3, 4, 5];\n// SyntaxError: rest element may not have a trailing commaВ JSON нельзя использовать замыкающие запятые. Попытаясь спарсить JSON с такой запятой, вы получите синтаксическую ошибку:
\n\n\n\nJSON.parse('[\"a\", \"b\",]');\n// SyntaxError JSON.parse: unexpected characterМаленькая, но уж очень полезная статья о том, как использовать замыкающие запятые в JavaScript.
\n","featured_media":{"source_url":"https://stasonmars.ru/wp/wp-content/uploads/2020/12/DglYtvO7Bn0-13.jpg"},"interesting":[{"title":"Как работать с localStorage в JavaScript","slug":"kak-rabotat-s-localstorage-v-javascript","type":"js"},{"title":"Самые необходимые строковые и числовые методы в JavaScript","slug":"samie-neobhodimie-strokovie-i-chislovie-metody-v-javascript","type":"js"},{"title":"5 советов как лучше писать условные конструкции в JavaScript","slug":"5-sovetov-kak-luchshe-pisat-uslovnie-konstrukcii-v-javascript","type":"js"}]}},"staticQueryHashes":["3576131997","63159454"]}