8 новых функций в JavaScript ES2019

JavaScript
8 новых функций в JavaScript ES2019

предисловие

JavaScript постоянно совершенствуется и добавляет новые функции. TC39 завершил и утвердил эти 8 функций для ES2019, он состоит из 4 этапов, эти этапы:

  • Stage 0: Strawman
  • Stage 1: Proposals
  • Stage 2: Drafts
  • Stage 3: Candidates
  • Stage 4: Finished/Approved

По следующей ссылке можно посмотретьStage 0,Этап 1 – 3а такжеFinal Stage

Опциональная привязка Catch

Возможность выборочного удаления привязок catch там, где они не используются.

try {
  // trying to use a new ES2019 feature
  // which may not be implemented in other browsers
} catch (unused) {
  // revert back to old way
}

Теперь можно удалять неиспользуемые привязки

try {
  ...
} catch {
  ...
}

Надмножество JSON

Мотивация для этого предложения заключается в том, что строки JSON могут содержать неэкранированные символы U+2028 LINE SEPARATOR и U+2029 PARAGRAPH SEPARATOR, тогда как строки ECMAScript не могут. До ES2019 выдавало ошибкиSyntaxError: Invalid or unexpected token

const LS = eval('"\u2028"');
const PS = eval("'\u2029'");

Символ Описание

В ES2015 введены символы с очень уникальными возможностями. В ES2019 теперь предоставляется данное описание. Его цель состоит в том, чтобы избежать косвенного доступа к предоставленному описанию.Symbol.prototype.toString

const mySymbol = Symbol("myDescription");

console.log(mySymbol); // Symbol(myDescription)

console.log(mySymbol.toString()); // Symbol(myDescription)

console.log(mySymbol.description); // myDescription

Function.prototype.toString — исправлено

Мы использовали его раньше в прототипе функцииtoStringМетод, но в ES2019 он был изменен и содержит комментарии внутри функции, обратите внимание, что этоArrow Functionsне работает.

function /* comment */ foo /* another comment */() {}

// Before
console.log(foo.toString()); // function foo(){}

// Now ES2019
console.log(foo.toString()); // function /* comment */ foo /* another comment */ (){}

// Arrow Syntax
const bar /* comment */ = /* another comment */ () => {};

console.log(bar.toString()); // () => {}

Object.fromEntries

Это обратный метод Object.entries, а также один из методов клонирования объекта.

const obj = {
  prop1: 1,
  prop2: 2
};

const entries = Object.entries(obj);

console.log(entries); // [ [ 'prop1', 1 ], [ 'prop2', 2 ] ]

const fromEntries = Object.fromEntries(entries);

console.log(fromEntries); // Object { prop1: 1, prop2: 2 }

console.log(obj === fromEntries); // false

Примечание. Любые встроенные объекты/массивы просто копируются по ссылке.

Правильно сформированный JSON.stringify

Это также было предложено тем же человеком и связано с функцией надмножества JSON. Вместо того, чтобы возвращать непарные суррогатные кодовые точки в виде одной кодовой единицы UTF-16, ES2019 представляет их с помощью управляющих последовательностей JSON.

// Before
console.log(JSON.stringify("\uD800")); // "�"

// Now ES2019
console.log(JSON.stringify("\uD800")); // "\ud800"

String.prototype trimStart и trimEnd

Мы уже использовали в прототипе Stringtrimметод, удаляющий пробелы между началом и концом строки. Но теперь, чтобы представить ES2019trimStartа такжеtrimEnd

// Trim
const name = "   Codedam ";
console.log(name.trim()); // "Codedam"

// Trim Start
const description = "   Unlocks Secret Codes ";
console.log(description.trimStart()); // "Unlocks Secret Codes "

// Trim End
const category = "  JavaScript ";
console.log(category.trimEnd()); // "  JavaScript"

Array.prototype flat и flatMap

flatметод создает новый массив со всеми элементами подмассива, рекурсивно объединенными до указанной глубины. По умолчанию глубина равна 1, что сглаживает первый уровень вложенных массивов над массивом.

const arr = [1, 2, [3, 4, [5, 6]]];
arr.flat(); // [1, 2, 3, 4, [5, 6]]
arr.flat(2); // [1, 2, 3, 4, 5, 6]

// You can use Infinity to flatten all the nested arrays no matter how deep the array is

const arrExtreme = [1, [2, [3, [4, [5, 6, 7, [8, 9]]]]]];
arrExtreme.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

flatMapПохож на плоский и связан с картой, где он отображает массив, а затем сглаживает его.

const arr = ["Codedam", "is Awsome", "!"];

const mapResult = arr.map(item => item.split(" "));
console.log(mapResult); // [ [ 'Codedam' ], [ 'is', 'Awsome' ], [ '!' ] ]

const flatMapResult = arr.flatMap(chunk => chunk.split(" "));
console.log(flatMapResult); // ['Codedam', 'is',  'Awsome', '!'];

разное

Подчеркните сейчасStage 3Некоторые полезные будущие функции в .

наконец

оригинал:8 NEW FEATURES in JavaScript ES2019
автор:Rienz
переводить:Chenyeah.com/posts/ah 77 сделал 9…

Категории