what happened in the JavaScript world in 2018

What Happened in the JavaScript World in 2018?

JavaScript is a constantly evolving language, with new updates and features being released every year. In this article, we will take a deep dive into some of the major events that happened in the JavaScript world in 2018.

ES2018 Features

ES2018, also known as ECMAScript 2018 or ES9, was released in June 2018. It introduced several new features to the language, including:

Asynchronous Iteration

Asynchronous iteration allows for better handling of asynchronous data streams. This feature is particularly useful when working with APIs that return large amounts of data over time. Here's an example:

----- -------- --------- -
  ----- -------- - ----- ----------------------------------
  ----- ------ - --------------------------
  ----- ------ -
    ----- - ----- ----- - - ----- --------------
    -- ------ ------
    -------------------
  -
-

Rest/Spread Properties

The rest/spread properties feature allows you to use the spread syntax "..." with object literals. This makes it easier to merge objects or pick specific properties from them. Here's an example:

----- ---- - - -- -- -- - --
----- ---- - - -------- -- - --
------------------ -- - -- -- -- -- -- - -

----- - -- ------- - - -----
------------------ -- - -- -- -- - -

Promise.finally()

The promise.finally() method allows you to run a piece of code regardless of whether the promise was fulfilled or rejected. Here's an example:

---------------------------------
  -------------- -- ----------------
  ---------- -- -
    -- -- --------- ---- --- ----
  --
  ------------ -- -
    -- ------ --- -----
  --
  ----------- -- -
    -------------------- -----------
  ---

React 16.3

React is a popular JavaScript library for building user interfaces. In March 2018, React 16.3 was released, which introduced several new features and improvements.

Context API

The Context API allows you to pass data down through the component tree without having to pass props manually at every level. Here's an example:

----- --------- - ----------------------

-------- ----- -
  ----- ------ -------- - -------------

  ------ -
    ------------------- -------------
      ------ --
    ---------------------
  --
-

-------- ------- -
  ----- ------- - ----------------------
  ------ -
    -----
      ------------------------
    ------
  --
-

Refs with Function Components

With React 16.3, it became possible to use refs with function components instead of just class components. Here's an example:

-------- ---------------------- -
  ----- ------- - -------------

  -------- --------------- -
    ------------------------
  -

  ------ -
    -----
      ------ ------------- ----------- --
      ------- ----------------------------- --- --------------
    ------
  --
-

TypeScript 3.0

TypeScript is a superset of JavaScript that adds static typing and other features. In July 2018, TypeScript 3.0 was released, which introduced several new features and improvements.

Project References

Project references allow you to split your TypeScript codebase into smaller projects that can be built and tested independently. This can help to improve the overall performance of your build process. Here's an example:

-- -------------
-
  ------------------ -
    --------- -------
    ------------ ----
  --
  ------------- -
    - ------- ----------- -
  -
-

-- ------------
------ - ----- - ---- ------------

----------------------------

Tuple Types

Tuple types allow you to define an array with a fixed number of elements, each with its own type. This can help to improve the clarity and correctness of your code. Here's an example:

---- ----- - -------- --------

-------- ----------- ------ -- ------ -
  ----- -- - ---- - -----
  ----- -- - ---- - -----
  ------ ------------ - -- - -- - ----
-

----- --- ----- - --- ---
----- --- ----- - --- ---
------------------------ ----- -- -

----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------
阅读全文

猜你喜欢

  • NPM 包 FTP 使用教程

    在前端开发的过程中，我们经常需要与服务器进行文件传输。而 FTP 是一种用于文件传输的通信协议，npm 官方提供了许多可以使用的 FTP 包来简化我们的工作流。本文将介绍如何使用 npm 包 ftp ...

    6 年前
  • 使用 npm 包 parse-listing 解析 Amazon 列表

    在前端开发中，我们常常需要从第三方网站中爬取数据。而 Amazon 是一个很受欢迎的电商平台，这就需要我们学习如何解析 Amazon 的列表数据了。本文将介绍如何使用 npm 包 parse-list...

    6 年前
  • npm 包 ftp-response-parser 使用教程

    介绍 在前端开发中，我们经常需要与 FTP 服务器进行交互。而 ftp-response-parser 这个 NPM 包可以帮助我们更方便地解析 FTP 响应，从而简化我们的开发过程。

    6 年前
  • npm 包 jsftp 使用教程

    简介 jsftp 是一个用于在 Node.js 中使用 FTP 客户端的 npm 包。它提供了丰富的 API，使得上传、下载文件以及管理远程文件系统变得简单易行。 安装 要安装 jsftp，只需要在终...

    6 年前
  • npm包ftpd使用教程

    简介 ftpd是一个npm包，提供了一个简单易用的FTP服务器。它可以在Node.js环境中运行，支持各种平台，并且可以通过简单的配置进行定制。 本文将介绍如何使用ftpd包来搭建一个FTP服务器，并...

    6 年前
  • npm包file-uri-to-path使用教程

    简介 file-uri-to-path 是一个用于将 file: URI 转换为本地文件路径的 npm 包。它可以帮助前端开发人员在浏览器环境中方便地读取本地文件，而不需要用户手动输入文件路径。

    6 年前
  • npm 包 get-uri 使用教程

    在前端开发中，我们有时需要使用 URI（Uniform Resource Identifier）来表示资源的位置，通常情况下，我们可以通过复杂的字符串拼接来生成 URI，但这样做十分麻烦且容易出错。

    6 年前
  • npm 包 pac-proxy-agent 使用教程

    在前端开发中，我们经常需要使用代理来访问外部资源。而 pac-proxy-agent 就是一个帮助我们自动获取代理的 npm 包。本文将详细介绍如何使用 pac-proxy-agent，并提供示例代码...

    6 年前
  • 使用 Proxy-Agent NPM 包的教程

    1. 什么是 Proxy-Agent？ Proxy-Agent 是一个 Node.js 模块，它提供了一种将 HTTP/HTTPS 请求代理到指定代理服务器的方法。

    6 年前
  • npm包macos-release使用教程

    简介 macos-release 是一个npm包，它提供了一种简单的方式来获取当前运行的 macOS 版本信息。在编写跨平台 Node.js 应用程序时，获取操作系统版本信息通常是必要的，因为不同的操...

    6 年前
  • npm 包 windows-release 使用教程

    在 Windows 平台上，有时需要根据操作系统版本来执行不同的操作。npm 包 windows-release 可以获取当前 Windows 操作系统的版本号，帮助我们轻松完成这项任务。

    6 年前
  • npm 包 os-name 使用教程

    简介 os-name 是一个用于获取操作系统名称的 npm 包。它可以识别常见的操作系统，如 Windows、macOS、Linux 等，并返回对应的名称。 在前端开发中，我们通常需要根据操作系统的不...

    6 年前
  • npm 包 opn 使用教程

    在前端开发中，我们经常需要打开浏览器访问某个链接。这时候，如果手动复制链接地址并粘贴到浏览器中会比较麻烦，因此有必要使用一些自动化工具简化这个过程。其中一个非常实用的工具就是 npm 包 opn。

    6 年前
  • NPM 包 Needle 使用教程

    介绍 Needle 是一个基于 Node.js 的 HTTP 客户端，可以用于发送 HTTP/HTTPS 请求。与内置的 http 模块相比，它提供了更加友好的 API 和更多的功能，例如自动解压缩、...

    6 年前
  • npm 包 run-async 使用教程

    在前端开发中，经常需要处理异步操作。run-async 是一个npm包，它提供了一个简单的API来处理异步任务。 安装 run-async 可以运行以下命令来安装 run-async: --- ---...

    6 年前
  • npm 包 mute-stream 使用教程

    简介 mute-stream 是一个 npm 包，它可以让你轻松地将所有输出静音。它是一个 Node.js 流，它可以被插入到任何输出流中，从而达到静音的效果。在前端开发中，有时我们需要关闭某些日志信...

    6 年前
  • npm 包 github-publish-release 使用教程

    在开发前端项目的过程中，我们经常会需要将代码发布到 GitHub 上以便于分享、协作等。而 github-publish-release 就是一个可以帮助我们快速上传、发布 GitHub Releas...

    6 年前
  • npm包chardet使用教程

    简介 在前端开发中，需要对文本进行编码和解码。而正确地识别文本的编码类型是非常重要的一步。npm包chardet能够自动检测文本的编码类型并返回其名称。 安装 在终端中运行以下命令安装chardet：...

    6 年前
  • 使用 external-editor npm 包来处理编辑器与命令行之间的交互

    当我们在命令行中运行一些操作，例如创建或修改文件时，通常需要使用命令行编辑器来处理输入输出。然而，命令行编辑器并不是所有人都很熟悉或者喜欢使用的工具，因此有时候使用外部编辑器可能会更加方便和高效。

    6 年前
  • npm包cli-width使用教程

    当我们在命令行中运行一些程序时，通常需要知道当前命令行界面（CLI）的宽度以便正确显示内容。对于Node.js开发者来说，有个非常好用的npm包 cli-width 可以帮助我们获取当前CLI的宽度。

    6 年前

相关推荐

    暂无文章