请选择 进入手机版 | 继续访问电脑版

马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

ES2019新特性的学习

[复制链接]
查看1956 | 回复0 | 2019-10-24 09:45:21 | 显示全部楼层 |阅读模式
媒介

前端技术更新的着实是太快了,各种框架百花齐放,随着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([depth])
参数
指定要提取嵌套数组的结构深度,默认值为1,当层级超过一层的情况下,用Infinity可以把多级数组平铺为一个数组
返回值
一个包罗将数组与子数组中所有元素的新数组
  1. var arr=[1,2,[3,4,[5,6]]];var arr2=arr.flat(); //[1, 2, 3, 4, [5, 6]]var arr3=arr.flat(Infinity); //[1, 2, 3, 4, 5, 6]
复制代码
2.String.prototype trimStart and trimEnd

js的String范例已经有trim()方法了,起作用时去除字符串前后空格
1.trimStart()方法从字符串的开头删除空格。trimLeft()是此方法的别名
返回值
一个新字符串,表现从其开头(左端)撤除空格的调用字符串
  1. var str="  Hello world  ";var str1=str.trimStart(); //Hello world   var str2=str.trimLeft(); //Hello world   
复制代码
2.trimEnd()方法从一个字符串的末了移除空白字符。trimRight() 是这个方法的别名
返回值
一个新字符串,表现从调用字串的末(右)端撤除空白
  1. var str="  Hello world  ";var str1=str.trimEnd(); //  Hello world var str2=str.trimRight(); //  Hello world
复制代码
3.Object.fromEntries

Object.fromEntries是Object.entries的反向方法
Object.entries是将一个键值对对象,转换为Array
Object.fromEntries是将Array或Map等对象,转换为键值对对象
  1. var arr=[  ['name','tom'],  ['age','18']];var arr1=Object.fromEntries(arr);console.log(arr1);// {name: "tom", age: "18"}
复制代码
4.Function.prototype.toString

toString()方法返回一个表现当前函数源代码的字符串
  1. function sayHello(){  // say Hello  alert('hello');}console.log(sayHello.toString());// 打印效果function sayHello(){  // say Hello  alert('hello');}
复制代码
5.可选的catch绑定(Catch Binding)

之前利用try catch的时候,catch有个必须要写的参数
  1. try{  alert(msg);}catch(err){  console.log(err);}// msg is not defined
复制代码
如今catch背面不消写参数,方便了一点
  1. 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
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则