ECMAScript 2019有哪些新特性？
- 内容介绍
- 文章标签
- 相关推荐
本文共计3045个文字，预计阅读时间需要13分钟。
最新ECMAScript2019，最新提案完成：tc39 Finished Proposals，我这里也按照官方介绍顺序整理，如有疑问，可查看官方介绍。此外，还整理了59篇原创系列汇总。
最近 ECMAScript2019，最新提案完成：tc39 Finished Proposals，我这里也是按照官方介绍的顺序进行整理，如有疑问，可以查看官方介绍啦~
另外之前也整理了59篇原创系列汇总（可以点击查看），也包含《ES6/ES7/ES8/ES9系列》。
1. 可选的 catch 绑定
1.1 介绍
在 ECMAScript2019 最新提案中，支持我们在使用trycatch错误异常处理时，选择性的给catch传入参数。
即我们可以不传入catch参数。
正常使用trycatch：
-
try { -
// todo -
} catch (err){ -
console.log('err：',err) -
}
在 ES10 中可以这么使用：
-
try { -
// todo -
} catch { -
// todo -
}
1.2 使用场景
当我们不需要对catch返回的错误信息进行处理时，比如：我们对于一些数据处理，经常会出现格式报错，但是我们并不关心这个错误，我们只需要继续处理，或重新请求数据等。
这种情况，我们就可以使用这个新特性，当然，还是需要根据实际情况考虑。
2. JSON.superset
2.1 介绍
- 来源背景：
由于在 ES2019 之前不支持转义行分隔符(\u2028) 和段落分隔符(\u2029) 字符，并且在解析过程中会报错:SyntaxError:Invalidorunexpected token。
-
const LS = ""; -
const PS = eval("'\u2029'");// SyntaxError: Invalid or unexpected token
- 解决方案：
JSON 语法由* ECMA-404* 定义并由RFC 7159永久修复，允许行分隔符(\u2028) 和段落分隔符(\u2029) 字符，直接出现在字符串中。
2.2 使用
在 ES10 中，我们就可以直接使用eval（"'\u2029'");而不会再提示错误。
3. Symbol.prototype.description
3.1 介绍
在 ES6 中引入 Symbol 这个基本数据类型，可以实现一些数据内省等高级功能。
这次 ES10 中，为 Symbol 类型增加Symbol.prototype.description的一个访问器属性，用来获取Symbol类型数据的描述信息（description）。
3.2 使用
MDN 上的案例介绍：
-
console.log(Symbol('pingan8787').description); -
// expected output: "pingan8787" -
console.log(Symbol.iterator.description); -
// expected output: "Symbol.iterator" -
console.log(Symbol.for('leo').description); -
// expected output: "leo" -
console.log(Symbol('pingan8787').description + ' and leo!'); -
// expected output: "pingan8787 and leo!"
另外我们也可以这么使用：
-
let pingan = Symbol('pingan8787').description; -
console.log(pingan === 'pingan8787'); // true
4. Function.prototype.toString
4.1 介绍
在 ES10 之前，我们对一个函数调用toString()方法，返回的结果中会将注释信息去除。
在 ES10 之后，函数再调用toString()方法，将准确返回原有内容，包括空格和注释等：
-
let pingan8787 = function(){ -
// do something -
console.log('leo') -
} -
pingan8787.toString(); -
/** -
"function(){ -
// do something -
console.log('leo') -
}" -
*/
5. Object.fromEntries
5.1 介绍
Object.fromEntries是 ES10 中新的静态方法，用于将键值对列表转换为对象。
Object.fromEntries()方法接收一个键值对的列表参数，并返回一个带有这些键值对的新对象。
这个迭代参数应该是一个能够实现@iterator方法的的对象，返回一个迭代器对象。它生成一个具有两个元素的类数组的对象，第一个元素是将用作属性键的值，第二个元素是与该属性键关联的值。
Object.fromEntries()是Object.entries的反转。
5.2 使用
Object.entries和Object.fromEntries()互转
-
let leo = { name: 'pingan8787', age: 10}; -
let arr = Object.entries(leo); -
console.log(arr);// [["name", "pingan8787"],["age", 10]] -
let obj = Object.fromEntries(arr); -
console.log(obj);// {name: "pingan8787", age: 10}
Map转化为Object
-
const map = new Map([ ['name', 'pingan8787'], ['age', 10] ]); -
const obj = Object.fromEntries(map); -
console.log(obj); // {name: "pingan8787", age: 10}
Array转化为Object
-
const arr = [ ['name', 'pingan8787'], ['age', 10] ]; -
const obj = Object.fromEntries(arr); -
console.log(obj); // {name: "pingan8787", age: 10}
6. 更友好的 JSON.stringify
6.1 介绍
更友好的JSON.stringify，对于一些超出范围的 Unicode 字符串，为其输出转义序列，使其成为有效 Unicode 字符串。
6.2 使用
-
// Non-BMP characters still serialize to surrogate pairs. -
JSON.stringify('
本文共计3045个文字，预计阅读时间需要13分钟。
最新ECMAScript2019，最新提案完成：tc39 Finished Proposals，我这里也按照官方介绍顺序整理，如有疑问，可查看官方介绍。此外，还整理了59篇原创系列汇总。
最近 ECMAScript2019，最新提案完成：tc39 Finished Proposals，我这里也是按照官方介绍的顺序进行整理，如有疑问，可以查看官方介绍啦~
另外之前也整理了59篇原创系列汇总（可以点击查看），也包含《ES6/ES7/ES8/ES9系列》。
1. 可选的 catch 绑定
1.1 介绍
在 ECMAScript2019 最新提案中，支持我们在使用trycatch错误异常处理时，选择性的给catch传入参数。
即我们可以不传入catch参数。
正常使用trycatch：
-
try { -
// todo -
} catch (err){ -
console.log('err：',err) -
}
在 ES10 中可以这么使用：
-
try { -
// todo -
} catch { -
// todo -
}
1.2 使用场景
当我们不需要对catch返回的错误信息进行处理时，比如：我们对于一些数据处理，经常会出现格式报错，但是我们并不关心这个错误，我们只需要继续处理，或重新请求数据等。
这种情况，我们就可以使用这个新特性，当然，还是需要根据实际情况考虑。
2. JSON.superset
2.1 介绍
- 来源背景：
由于在 ES2019 之前不支持转义行分隔符(\u2028) 和段落分隔符(\u2029) 字符，并且在解析过程中会报错:SyntaxError:Invalidorunexpected token。
-
const LS = ""; -
const PS = eval("'\u2029'");// SyntaxError: Invalid or unexpected token
- 解决方案：
JSON 语法由* ECMA-404* 定义并由RFC 7159永久修复，允许行分隔符(\u2028) 和段落分隔符(\u2029) 字符，直接出现在字符串中。
2.2 使用
在 ES10 中，我们就可以直接使用eval（"'\u2029'");而不会再提示错误。
3. Symbol.prototype.description
3.1 介绍
在 ES6 中引入 Symbol 这个基本数据类型，可以实现一些数据内省等高级功能。
这次 ES10 中，为 Symbol 类型增加Symbol.prototype.description的一个访问器属性，用来获取Symbol类型数据的描述信息（description）。
3.2 使用
MDN 上的案例介绍：
-
console.log(Symbol('pingan8787').description); -
// expected output: "pingan8787" -
console.log(Symbol.iterator.description); -
// expected output: "Symbol.iterator" -
console.log(Symbol.for('leo').description); -
// expected output: "leo" -
console.log(Symbol('pingan8787').description + ' and leo!'); -
// expected output: "pingan8787 and leo!"
另外我们也可以这么使用：
-
let pingan = Symbol('pingan8787').description; -
console.log(pingan === 'pingan8787'); // true
4. Function.prototype.toString
4.1 介绍
在 ES10 之前，我们对一个函数调用toString()方法，返回的结果中会将注释信息去除。
在 ES10 之后，函数再调用toString()方法，将准确返回原有内容，包括空格和注释等：
-
let pingan8787 = function(){ -
// do something -
console.log('leo') -
} -
pingan8787.toString(); -
/** -
"function(){ -
// do something -
console.log('leo') -
}" -
*/
5. Object.fromEntries
5.1 介绍
Object.fromEntries是 ES10 中新的静态方法，用于将键值对列表转换为对象。
Object.fromEntries()方法接收一个键值对的列表参数，并返回一个带有这些键值对的新对象。
这个迭代参数应该是一个能够实现@iterator方法的的对象，返回一个迭代器对象。它生成一个具有两个元素的类数组的对象，第一个元素是将用作属性键的值，第二个元素是与该属性键关联的值。
Object.fromEntries()是Object.entries的反转。
5.2 使用
Object.entries和Object.fromEntries()互转
-
let leo = { name: 'pingan8787', age: 10}; -
let arr = Object.entries(leo); -
console.log(arr);// [["name", "pingan8787"],["age", 10]] -
let obj = Object.fromEntries(arr); -
console.log(obj);// {name: "pingan8787", age: 10}
Map转化为Object
-
const map = new Map([ ['name', 'pingan8787'], ['age', 10] ]); -
const obj = Object.fromEntries(map); -
console.log(obj); // {name: "pingan8787", age: 10}
Array转化为Object
-
const arr = [ ['name', 'pingan8787'], ['age', 10] ]; -
const obj = Object.fromEntries(arr); -
console.log(obj); // {name: "pingan8787", age: 10}
6. 更友好的 JSON.stringify
6.1 介绍
更友好的JSON.stringify，对于一些超出范围的 Unicode 字符串，为其输出转义序列，使其成为有效 Unicode 字符串。
6.2 使用
-
// Non-BMP characters still serialize to surrogate pairs. -
JSON.stringify('