JavaScript >> Javascript 文檔 >  >> JavaScript

認為你知道 ES6?證明給我看!

您最喜歡的網絡腳本語言變得更好了! 2015 年版的 ECMAScript 帶有大量很酷的新技術和編程概念,這些都是 JavaScript 社區所期待的。大多數新功能已經在現代瀏覽器和 Node.js 中開箱即用,預計很快就會得到廣泛支持。

我們準備了一個有趣的測驗,您可以通過它來了解您對 ES6(又名 ES2015)的了解程度,或許還能學到一些新東西!

let 語句

ES6 給了我們一個“let”語句——一種聲明變量的新方法。你能猜到它的作用嗎?

const 語句

ES6 引入了一個特殊的“const”聲明。你知道它是做什麼的嗎?

箭頭函數

箭頭函數的工作方式與常規函數類似,但編寫起來更短。你能猜出正確的用法是什麼嗎?
  • <標籤>B

新的字符串方法

ES6 為我們提供了許多處理字符串的新方法。哪一個取代了這段煩人的代碼?

新的數組方法

你知道我們也有新的數組方法嗎?猜猜其中哪一個可以幫助縮短此代碼?
  • <標籤>B

新數組方法 II

Array.from() 是一種強大的方法,可以將類數組對象轉換為真正的數組。為什麼我們在下面的代碼中使用它?

默認參數

這些函數調用會返回什麼結果?

這是什麼語言?

解構

ES6 為我們提供了另一種分配變量的方法。你能猜出下面的代碼是做什麼的嗎?

對象聲明

從變量快速初始化對象的 ES6 方法是什麼?

擴展運算符

三角形數組中存儲了什麼?
  • <標籤>[1,3,5,5,1,8]

休息參數

Rest 是函數處理任意數量參數的一種新方法。你能猜出神秘的“a”變量是什麼嗎?

模板文字

字符串插值是一個急需的新功能,最終在 JS 中可用。請參閱下面的示例。有什麼問題嗎?

新的 For 循環

ES6 帶有新的內置“for 循環”。我們必須使用其中哪一個來模仿這個傳統“for”的功能?

Object.assign

在下面的函數中,我們使用 Object.assign 做什麼?

承諾

什麼是 Promise()?

發電機和產量

生成器允許我們暫停和恢復函數的執行*。運行這段代碼後會打印什麼?
  • <標籤>-1

幹得好!

.

現在讓你的朋友嫉妒:

回答

12 22


Tutorial JavaScript 教程
  1. 第 27 天學習 LeetCode 解決方案,直到我可以自己解決一個問題:問題#862。和至少為 K(H/JS) 的最短子數組

  2. window.postMessage 提示:孩子與父母的溝通

  3. 靜態網站的無服務器聯繫表單處理

  4. 如何濫用計算機

  5. 更簡單的 JavaScript 轉換器

  6. TIL:npm install 支持本地模塊

  7. 如何使用 JavaScript 將日誌保存到文本文件

  1. 拯救我們的真棒工具

  2. JavaScript 範圍和提升中的變量

  3. 如何將現有的 Markdown 博客轉換為 mdx

  4. 找不到 Typescript 編譯器:命令 tsc 無效

  5. ~~(雙波浪號)在 Javascript 中的作用是什麼?

  6. 使用 React JS 和 Firebase 推送通知

  7. 使用 Stormpath 驗證 React 應用程序

  1. 在 Angular 中封裝命令式 API

  2. Google 託管 jQuery 的優勢

  3. NGConf 2019 - 主題演講第一天

  4. 2019 年回顧和 2020 年路線圖