JavaScript 62 JavaScript 版本 62.5 ECMAScript 2017

JavaScript 62 JavaScript 版本 62.5 ECMAScript 2017
JavaScript
文章目录
- JavaScript
  62 JavaScript 版本
  62.5 ECMAScript 2017
  62.5.1 ECMAScript 2017 中的新特性
  62.5.2 JavaScript 字符串填充
  62.5.3 JavaScript 对象条目
  62.5.4 JavaScript 对象值
  62.5.5 JavaScript Async 函数
62 JavaScript 版本

62.5 ECMAScript 2017

JavaScript 命名约定始于 ES1、ES2、ES3、ES5 和 ES6。

但是，ECMAScript 2016 和 2017 未被称为 ES7 和 ES8。

自 2016 年以来，新版本按年份命名（ECMAScript 2016/2017/2018）。

62.5.1 ECMAScript 2017 中的新特性

ECMAScript 2017 的新特性：
- JavaScript 字符串填充
- JavaScript Object.entries
- JavaScript Object.values
- JavaScript 异步函数
- JavaScript 共享内存
62.5.2 JavaScript 字符串填充

ECMAScript 2017 添加了两个 String 方法：padStart 和 padEnd，以支持在字符串的开头和结尾进行填充。
```
let str = "5";
str = str.padStart(4,0);
// 结果是： 0005
1
2
3
```
```
let str = "5";
str = str.padEnd(4,0);
// 结果是： 5000
1
2
3
```
Internet Explorer 不支持字符串填充。

Firefox 和 Safari 是第一批支持 JavaScript 字符串填充的浏览器：

62.5.3 JavaScript 对象条目

ECMAScript 2017 向对象添加了新的 Object.entries 方法。

Object.entries() 方法返回对象中键/值对的数组：
```
const person = {
  firstName : "Bill",
  lastName : "Gates",
  age : 50,
  eyeColor : "blue"
};
document.getElementById("demo").innerHTML = Object.entries(person);
1
2
3
4
5
6
7
```
Object.entries() 使循环中使用对象变简单了：
```
const fruits = {Bananas:300, Oranges:200, Apples:500};

let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "
";}
1
2
3
4
5
6
```
Object.entries() 也使得将对象转换为映射变得简单：
```
const fruits = {Bananas:300, Oranges:200, Apples:500};

const myMap = new Map(Object.entries(fruits));
1
2
3
```
Chrome 和 Firefox 是第一批支持 Object.entries 的浏览器：

62.5.4 JavaScript 对象值

Object.values 类似 Object.entries，但返回对象值的单维数组：
```
const person = {
  firstName : "Bill",
  lastName : "Gates",
  age : 50,
  eyeColor : "blue"
};
document.getElementById("demo").innerHTML = Object.values(person);
1
2
3
4
5
6
7
```
Firefox 和 Chrome 是第一批支持 Object.values 的浏览器：

62.5.5 JavaScript Async 函数

【等待超时】
```
DOCTYPE html>
<html>

<head>
    <title>JS异步title>
    <meta charset="UTF-8">
head>

<body>

<h1>JavaScript async / awaith1>

<p>请等待 3 秒（3000 毫秒）让此页面发生变化。p>

<h1 id="demo">h1>

<script>
    async function myDisplay() {
        let myPromise = new Promise(function (myResolve, myReject) {
            setTimeout(function () {
                myResolve("I love You !!");
            }, 3000);
        });
        document.getElementById("demo").innerHTML = await myPromise;
    }

    myDisplay();
script>

body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
```
浏览器渲染效果

Firefox 和 Chrome 是第一批支持异步 JavaScript 函数的浏览器：
相关阅读:
LeetCode 周赛 344（2023/05/07）手写递归函数的固定套路
 二、Docker基本操作
 Oracle SQL执行计划操作（7）——排序相关操作
 阿里云历时13年，站上世界现代计算架构之巅
 Linux mac Windows三系统局域网文件共享方法
 深度解析：用Python爬虫逆向破解dappradar的URL加密参数（最详细逆向实战教程，小白进阶高手之路）
HTML制作一个汽车介绍网站【大学生网页制作期末作业】(汽车首页 1页带psd)
目标检测YOLO算法，先从yolov1开始
 29. 两数相除
 devops学习(八) 搭建镜像仓库---jenkins推送镜像
原文地址：https://blog.csdn.net/weixin_44226181/article/details/127645295

JavaScript

文章目录

62 JavaScript 版本

62.5 ECMAScript 2017

62.5.1 ECMAScript 2017 中的新特性

62.5.2 JavaScript 字符串填充

62.5.3 JavaScript 对象条目

62.5.4 JavaScript 对象值

62.5.5 JavaScript Async 函数