ECMAScript 2019

Nomor versi JavaScript

Versi JS yang lama dijenama berdasarkan angka: ES5 (2009) dan ES6 (2015).

Dari tahun 2016, versi dijenama berdasarkan tahun: ECMAScript 2016, 2017, 2018, 2019, ...

Fitur baru di ES2019:

Peringatan

Fitur ini cukup baru.

Peramban yang lebih lama mungkin memerlukan kode pengganti (Polyfill)

JavaScript 字符串方法 trimStart()

ES2019 menambahkan metode String untuk JavaScript trimStart()。

trimStart() Cara kerja metode yang sama seperti trim() Dengan demikian, namun hanya menghapus spasi di awal string.

实例

let teks1 = "     Hello World!     ";
let teks2 = teks1.trimStart();

亲自试一试

Sejak bulan Januari 2020, semua peramban modern mendukung JavaScript String trimStart():

Chrome Edge Firefox Safari Opera
Chrome 66 Edge 79 Firefox 61 Safari 12 Opera 50
2018 年 4 月 2020 年 1 月 2018 年 6 月 2018 年 9 月 2018 年 5 月

JavaScript 字符串方法 trimEnd()

ES2019 为 JavaScript 添加了 trimEnd() metode string.

trimEnd() Cara kerja metode yang sama seperti trim() Dengan demikian, namun hanya menghapus spasi di akhir string.

实例

let teks1 = "     Hello World!     ";
let teks2 = teks1.trimEnd();

亲自试一试

自 2020 年 1 月以来，所有现代浏览器都支持 JavaScript String trimEnd()：

Chrome Edge Firefox Safari Opera
Chrome 66 Edge 79 Firefox 61 Safari 12 Opera 50
2018 年 4 月 2020 年 1 月 2018 年 6 月 2018 年 9 月 2018 年 5 月

JavaScript 对象方法 fromEntries()

ES2019 为 JavaScript 添加了 fromEntries() 对象方法。

fromEntries() 方法从可迭代的键/值对创建对象。

实例

const fruits = [
["apples", 300],
["pears", 900],
["bananas", 500]

const myObj = Object.fromEntries(fruits);

亲自试一试

自 2020 年 1 月以来，所有现代浏览器都支持 JavaScript Object fromEntries()：

Chrome Edge Firefox Safari Opera
Chrome 73 Edge 79 Firefox 63 Safari 12.1 Opera 60
2019 年 3 月 2020 年 1 月 2018 年 10 月 2019 年 3 月 2019 年 4 月

可选的 catch 绑定

从 ES2019 开始，如果不需要，可以省略 catch 参数：

实例

2019 年之前：

try {
// code
} catch (err) {
// code
}

2019 年后：

try {
// code
} catch {
// code
}

自 2020 年 1 月以来，所有现代浏览器都支持可选的 catch 绑定：

Chrome Edge Firefox Safari Opera
Chrome 66 Edge 79 Firefox 58 Safari 11.1 Opera 53
2018 年 4 月 2020 年 1 月 2018 年 1 月 2018 年 3 月 2018 年 5 月

JavaScript 数组方法 flat()

ES2019 为 JavaScript 添加了 flat() 数组方法。

flat() 方法通过展平嵌套数组来创建新数组。

实例

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

亲自试一试

自 2020 年 1 月以来，所有现代浏览器都支持 JavaScript Array flat()：

Chrome Edge Firefox Safari Opera
Chrome 69 Edge 79 Firefox 62 Safari 12 Opera 56
2018 年 9 月 2020 年 1 月 2018 年 9 月 2018 年 9 月 2018 年 9 月

JavaScript 数组方法 flatMap()

ES2019 为 JavaScript 添加了 flatMap() 数组方法。

flatMap() 方法首先映射数组的所有元素，然后通过展平数组来创建新数组。

实例

const myArr = [1, 2, 3, 4, 5, 6];
const newArr = myArr.flatMap((x) => x * 2);

亲自试一试

稳定的数组方法 sort()

ES2019 修订了 Array sort() 方法。

在 2019 年之前，规范允许不稳定的排序算法，例如 QuickSort。

在 ES2019 之后，浏览器必须使用稳定的排序算法：

当根据一个值对元素进行排序时，这些元素必须保持它们与具有相同值的其他元素的相对位置。

实例

const myArr = [
  {name:"X00",price:100 },
  {name:"X01",price:100 },
  {name:"X02",price:100 },
  {name:"X03",price:100 },
  {name:"X04",price:110 },
  {name:"X05",price:110 },
  {name:"X06",price:110 },
  {name:"X07",price:110 }

亲自试一试

Dalam contoh di atas, ketika diurutkan berdasarkan harga, hasil tidak diizinkan untuk muncul di posisi relatif lain, seperti berikut:

X01 100
X03 100
X00 100
X03 100
X05 110
X04 110
X06 110
X07 110

重新修订的 JSON.stringify()

ES2019 修订pada metode stringify() JSON.

Sebelum 2019, JSON tidak dapat menggabungkan karakter yang dienkodifikasi dengan \.

实例

let text = JSON.stringify("\u26D4");

亲自试一试

Sebelum ES2019, penggunaan JSON.stringify() di kode poin UTF-8 (U+D800 hingga U+DFFF) akan mengembalikan karakter Unicode rusak, seperti ���。

Setelah ini diubah, string dengan kode poin UTF-8 dapat diubah ke aman dengan JSON.stringify() dan dipulihkan ke string asli dengan JSON.parse()。

分隔符号

Kata huruf string kini membenarkan penggunaan penanda pemisah baris dan penanda pemisah paragraf (\u2028 dan \u2029）。

Sebelum 2019, ini dianggap sebagai penamat baris dan menyebabkan kesalahan eksepsi:

实例

// Ini adalah sah dalam ES2019:
let text = "\u2028";

亲自试一试

Perhatian

Sekarang, JavaScript dan JSON mempunyai aturan yang sama.

Sebelum ES2019:

text = JSON.parse('"\u2028"') akan diurai ke ''。

text = '"\u2028"' akan memberikan佩ام丹。

重新修订的 Function toString()

ES2019 修订了 Function toString() 方法。

toString() 方法返回表示函数源代码的字符串。

从 2019 年开始，toString() 必须返回函数的源代码，包括注释、空格和语法细节。

在 2019 年之前，不同的浏览器返回了不同的函数变体（比如没有注释和空格）。从 2019 年开始，该函数应该完全按照编写的方式返回。

实例

function myFunction(p1, p2) {
  return p1 * p2;
}

亲自试一试