ES2019新特性的学习
媒介前端技术更新的着实是太快了，各种框架百花齐放，随着NodeJs不断的鼓起，各种构建工具也是层出不穷，这不，前两周尤雨溪开源了Vue.js3.0源码之后，许多大佬早已把源码分析皮都不剩了；昨天NodeJs13.0又发布了，真的是学学学不动了，不过既然选择了步伐员这条道路，就得时刻保持新技术的学习，ES2019(ES10)年初都发布了，但是项目中常用的照旧ES6以及核心版本，所以照旧有必须学习一下ES2019新特性的。
注：调试代码欣赏器版本： Google Chrome76.0.3809.132（64位）
1.Array.prototype flat
将多层级的数组平铺成一个数组在项目开发中照旧常用的，flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素归并为一个新数组返回
语法
var newArray = arr.flat()
参数
指定要提取嵌套数组的结构深度，默认值为1，当层级超过一层的情况下，用Infinity可以把多级数组平铺为一个数组
返回值
一个包罗将数组与子数组中所有元素的新数组
var arr=]];var arr2=arr.flat(); //]var arr3=arr.flat(Infinity); // 2.String.prototype trimStart and trimEnd
js的String范例已经有trim()方法了，起作用时去除字符串前后空格
1.trimStart()方法从字符串的开头删除空格。trimLeft()是此方法的别名
返回值
一个新字符串，表现从其开头（左端）撤除空格的调用字符串
var str="Hello world";var str1=str.trimStart(); //Hello world var str2=str.trimLeft(); //Hello world 2.trimEnd()方法从一个字符串的末了移除空白字符。trimRight() 是这个方法的别名
返回值
一个新字符串，表现从调用字串的末（右）端撤除空白
var str="Hello world";var str1=str.trimEnd(); //Hello world var str2=str.trimRight(); //Hello world3.Object.fromEntries
Object.fromEntries是Object.entries的反向方法
Object.entries是将一个键值对对象，转换为Array
Object.fromEntries是将Array或Map等对象，转换为键值对对象
var arr=[['name','tom'],['age','18']];var arr1=Object.fromEntries(arr);console.log(arr1);// {name: "tom", age: "18"}4.Function.prototype.toString
toString()方法返回一个表现当前函数源代码的字符串
function sayHello(){// say Helloalert('hello');}console.log(sayHello.toString());// 打印效果function sayHello(){// say Helloalert('hello');}5.可选的catch绑定（Catch Binding）
之前利用try catch的时候，catch有个必须要写的参数
try{alert(msg);}catch(err){console.log(err);}// msg is not defined如今catch背面不消写参数，方便了一点
try{// code}catch{//}6.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'");
以上只列了几个常用的ES2019新特性，并举例加以分析，恰逢本日有事10月24号步伐员节，那就祝各人节日快乐，技术节节高升吧。
参考资料：
MDN
来源：https://www.cnblogs.com/peerless1029/archive/2019/10/24/11730019.html
页:
[1]