Quest Academy

ES6

Introduction to the ES6 Challenges

ECMAScript เป็น JavaScript เวอร์ชั่นมาตรฐาน โดยมีเป้าหมายเพื่อรวมข้อกำหนดและคุณลักษณะของภาษาเข้าด้วยกัน เนื่องจาก Browser หลักและ JavaScipt-runtimes เป็ฯไปตามข้อกำหนดนี้คำว่า ECMAScript สามารถใช้แทนกันได้กับคำว่า JavaScript.

ความท้าทายส่วนใหญ่ใน freeCodeCamp กำหนดให้ใช้ ECMAScript (ES5) ของภาษาซึ่งสรุปในปี 2009 แต่ JavaScript เป็นโปรแกรมที่มีการพัฒนาเนื่องจากการเพิ่มคุณสมบัติและมีการแก้ไขภาษาเวอร์ชั่นใหม่จึงได้รับการเผยแพร่ให้นักพัฒนาใช้งาน

เวอร์ชั่นมาตรฐานล่าสุดเรียกว่า ECMAScript 6 (ES6) ซึ่งเผยแพร่ในปี 2015 ภาษาเวอร์ชั่นใหม่นี้เพิ่มคุณสมบัติที่มีประสิทธิภาพซึ่งจะกล่าวถึงในส่วนของความท้าทายนี้ได้แก่:

  • Arrow functions
  • Classes
  • Modules
  • Promises
  • Generators
  • letand const

Note
บางBrowserไม่รอวรองรับคุณสมบัติ ES6 หากคุณใช้ ES6 ในโปรเจ็กต์ของคุณเอวคุณอาจต้องใช้โปรแกรม(transpiler) เพื่อแปลงรหัส ES6 ของคุณเป็น ES5 จนกว่า Browser จะรองรับ ES6

ES6

Explore Differences Between the var and let Keywords

Compare Scopes of the var and let Keywords

Declare a Read-Only Variable with the const Keyword

Mutate an Array Declared with const

Prevent Object Mutation

Use Arrow Functions to Write Concise Anonymous Functions

Write Arrow Functions with Parameters

Write Higher Order Arrow Functions

Set Default Parameters for Your Functions

Use the Rest Operator with Function Parameters

Use the Spread Operator to Evaluate Arrays In-Place

Use Destructuring Assignment to Assign Variables from Objects

Use Destructuring Assignment to Assign Variables from Nested Objects

Use Destructuring Assignment to Assign Variables from Arrays

Use Destructuring Assignment with the Rest Operator to Reassign Array Elements

Use Destructuring Assignment to Pass an Object as a Function's Parameters

Create Strings using Template Literals

Write Concise Object Literal Declarations Using Simple Fields

Write Concise Declarative Functions with ES6

Use class Syntax to Define a Constructor Function

Use getters and setters to Control Access to an Object

Understand the Differences Between import and require

Use export to Reuse a Code Block

Use * to Import Everything from a File

Create an Export Fallback with export default

Import a Default Export

Be the first to add a review.

Please, login to leave a review
Add to Wishlist

Archive