ES6 สำหรับไฟล์เริ่มต้นทุกคน
ทุกสิ่งที่คุณต้องการเพื่อเรียนรู้ ES6 ที่ ES6.IO
ท่อนไม้
วันที่ 1: 12 พฤษภาคม 2017
ได้รับหลักสูตรนี้ฟรีจาก Wes Bos เป็นของขวัญชื่นชม❤เริ่มดูภาพรวมของหลักสูตรนี้และตั้งค่า Slack
ความคิด:
- โมดูลที่เสร็จสมบูรณ์ #1 ตัวแปรใหม่ - การสร้างการอัปเดตและการกำหนดขอบเขต
-
var คือขอบเขตฟังก์ชัน - เราสามารถเพิ่มจำนวนมันได้หลายครั้งในขอบเขตเดียวกัน
-
let & const เป็นขอบเขตบล็อก - เราไม่สามารถเรียกใช้ซ้ำได้สองครั้งในขอบเขตเดียวกัน
- คุณสามารถอัปเดตตัวแปร
let แต่ไม่สามารถอัปเดตตัวแปร const - อย่างไรก็ตามคุณสมบัติของตัวแปร
const สามารถเปลี่ยนแปลงได้ นั่นเป็นเพราะวัตถุทั้งหมดไม่ได้เปลี่ยนไม่ได้ - มารู้เกี่ยวกับ Object.freeze () เพื่อที่จะไม่สามารถเพิ่มหรือลบออกจากชุดคุณสมบัติของวัตถุแช่แข็งได้
- นอกจากนี้การปรับปรุงฟังก์ชั่นโมดูล #2 ที่เสร็จสมบูรณ์: ลูกศรและอาร์กิวเมนต์เริ่มต้น
- ฉันรู้จักฟังก์ชั่นลูกศรจากหลักสูตร #JavaScript30 แต่รายละเอียดเพิ่มเติมเกี่ยวกับเรื่องนี้ในวันนี้
- เรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชั่นลูกศรผลตอบแทนโดยนัยเมื่อใดและเมื่อใดที่จะไม่ใช้ฟังก์ชั่นลูกศร, ฟังก์ชั่นภายในลูกศร
this - นอกจากนี้เกี่ยวกับอาร์กิวเมนต์ฟังก์ชั่นเริ่มต้น
วันที่ 2: 14 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #3 - สตริงเทมเพลต
ความคิด: เรียนรู้เกี่ยวกับ:-
- สตริงเทมเพลตการสร้างชิ้นส่วน HTML ด้วยตัวอักษรเทมเพลต
- ใช้ IF, ลูปและฟังก์ชั่นภายในสตริงเทมเพลต
- เทมเพลตที่ติดแท็กบางกรณีการใช้งานและการฆ่าเชื้อข้อมูลผู้ใช้ด้วยเทมเพลตที่ติดแท็ก
- พบเกี่ยวกับ dompurify ซึ่งช่วยในการฆ่าเชื้อข้อมูลใน DOM
วันที่ 3: 15 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #4 - การปรับปรุงสตริงเพิ่มเติม
ความคิด:
- เรียนรู้เกี่ยวกับ
startsWith() , endsWith() , รวม () & ซ้ำ (ซ้ำ () วิธีการและทำบางอย่างที่เกี่ยวข้องกับพวกเขา - นอกจากนี้ให้ดูที่
str.endsWith(searchString[, length]) และ str.startsWith(searchString[, position])
วันที่ 4: 16 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #5 - การทำลายโครงสร้าง
ความคิด:
- เรียนรู้เกี่ยวกับวัตถุที่ถูกทำลายการเปลี่ยนชื่อตัวแปรและค่าเริ่มต้น
- เรียนรู้เกี่ยวกับอาร์เรย์ที่ทำลายโครงสร้างฟังก์ชั่นและการสลับตัวแปร
- ตัวอย่าง 1:
const { first, last, twitter } = someObjectHere - ตัวอย่าง 2:
const [ first, last, twitter ] = someArrayHere
วันที่ 5: 17 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #6 - โมดูลที่เสร็จสมบูรณ์ #6 Iterables & Looping
ความคิด:
- เรียนรู้เกี่ยวกับข้อดีบางประการของ
for of วนรอบ for foreach และ for in -
for-of การทำนั้นง่ายกว่าสำหรับการวนลูปผ่านองค์ประกอบอาร์เรย์และวัตถุที่มีลักษณะคล้ายอาร์เรย์ส่วนใหญ่เช่น Dom Nodelist, อาร์กิวเมนต์ - เรียนรู้เกี่ยวกับ
Array.prototype.entries() และวิธีที่เราสามารถใช้กับลูป for-of - ตัวอย่างที่ 1:
for (const cut of cuts) เพียงเพื่อรับค่า - ตัวอย่างที่ 2:
for (const [i, cut] of cuts.entries()) , ใช้ทั้งดัชนีและค่า
วันที่ 6: 18 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #7 - การปรับปรุงอาร์เรย์อาร์เรย์
ความคิด:
- เรียนรู้เกี่ยวกับ
Array.from() & Array.of() วิธีการ - วิธีการต้นแบบอาร์เรย์เช่น
find , findIndex , some & every - ใช้กรณี 1 สำหรับ
Array.from() - ใช้กรณีที่ 2 สำหรับ array.prototype
.some() & .every()
วันที่ 7: 19 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #8 - ทักทาย ... แพร่กระจายและ ... พักผ่อน
ความคิด:
- เรียนรู้เกี่ยวกับ ... สเปรดโอเปอเรเตอร์ & ... พารามิเตอร์ที่เหลือและมีกรณีการใช้งานที่หลากหลายพร้อมตัวอย่างมากมาย
- บางกรณีการใช้งานสำหรับ
Rest parameters
วันที่ 8: 20 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #9 - การอัพเกรดตัวอักษรวัตถุ
ความคิด:
- เรียนรู้เกี่ยวกับสิ่งของที่มีประโยชน์เช่นชวเลขมูลค่าของวิธีการกำหนดวิธีชวเลขและคีย์คุณสมบัติที่คำนวณได้
โมดูลที่เสร็จสมบูรณ์ #10 - สัญญา
ความคิด:
- เรียนรู้เกี่ยวกับวิธีการทำงานของสัญญาการสร้างสัญญาของตัวเองผูกมัดพวกเขาและทำงานกับสัญญาหลายประการ
- ในฐานะที่เป็นสัญญา prototype.then () และ promise.prototype.catch () วิธีการส่งคืนสัญญาพวกเขาสามารถถูกล่ามโซ่
- การผูกมัดสัญญา
วันที่ 9: 23 พฤษภาคม 2017
โมดูลที่เสร็จสมบูรณ์ #11 - สัญลักษณ์ (ชนิดข้อมูลดั้งเดิมล่าสุด)
ความคิด:
- เรียนรู้เกี่ยวกับประเภทข้อมูลสัญลักษณ์และกรณีการใช้งานที่หลากหลาย
- เราสามารถใช้เป็นปุ่มวัตถุเป็นตัวระบุที่ไม่ซ้ำกัน
วันที่ 10: 24 พฤษภาคม 2560
ความคิด:
- เรียนรู้เกี่ยวกับ ESLINT และการใช้งาน
- นอกจากนี้ให้มองเข้าไปในการตั้งค่าของ Airbnb และฝึกซ้อมบ้าง
- ดูกฎ ESLINT ต่าง ๆ และพยายามเข้าใจความสำคัญของพวกเขาและเมื่อใดควรใช้พวกเขา
วันที่ 11: 25 พฤษภาคม 2017
ความคิด:
- วันนี้ได้เรียนรู้เกี่ยวกับการตั้งค่าเฉพาะไฟล์และบรรทัดสำหรับการเปิดใช้งาน/ปิดการใช้งานกฎ
- ข้อมูลเพิ่มเติมที่นี่
วันที่ 12: 26 พฤษภาคม 2017
ความคิด:
- โมดูลที่เสร็จสมบูรณ์ #12 - คุณภาพรหัสด้วย ESLINT
- วันนี้ได้เรียนรู้เกี่ยวกับโมดูล JavaScript และการตั้งค่าเครื่องมือ WebPack 2
วันที่ 13: 27 พฤษภาคม 2017
ความคิด:
- เรียนรู้เกี่ยวกับการสร้างโมดูล JavaScript ของเราเองและนำเข้า/ส่งออกพวกเขา
- นอกจากนี้ให้ดูคำสั่งการส่งออกและไวยากรณ์ต่างๆ
วันที่ 14: 28 พฤษภาคม 2017
ความคิด:
- โมดูลที่เสร็จสมบูรณ์ #13 - โมดูล JavaScript และใช้ NPM
- ฝึกฝนมากขึ้นเกี่ยวกับโมดูล ES6
- เรียนรู้เกี่ยวกับวิธีการนำเข้าโมดูลเฉพาะเมื่อจำเป็น
วันที่ 15: 29 พฤษภาคม 2017
ความคิด:
โมดูลที่เสร็จสมบูรณ์ #14 - เครื่องมือ ES6
เรียนรู้เกี่ยวกับ SystemJS, Babel & Polyfills สำหรับ ES6
Polyfills ให้ความคุ้มครองที่ดีมากสำหรับคุณสมบัติ ES6 ทั้งหมดในเบราว์เซอร์เก่า
โมดูลที่เสร็จสมบูรณ์ #15 - คลาส
เรียนรู้เกี่ยวกับการสร้างคลาสใหม่ (รูปแบบประกาศ) การกำหนดวิธีการคงที่และวิธีการต้นแบบวิธีรับและตั้งค่า
นอกจากนี้เรียนรู้เกี่ยวกับการขยายคลาสที่มีอยู่วิธีการย่อยคลาสของคลาสแม่และ subclassing built-ins
กรณีใช้งานง่ายสำหรับคลาสย่อยในตัวและ DOM ที่นี่
วันที่ 16: 30 พฤษภาคม 2017
ความคิด:
- โมดูลที่เสร็จสมบูรณ์ #16 - เครื่องกำเนิดไฟฟ้า
- เรียนรู้เกี่ยวกับฟังก์ชั่นเครื่องกำเนิดไฟฟ้าซึ่งส่งคืนวัตถุเครื่องกำเนิดไฟฟ้า ใช้มันสำหรับการควบคุมการไหลของ Ajax (สิ่งที่ยอดเยี่ยม)
- ใช้กรณีใช้งานง่ายสำหรับ
Generators
วันที่ 17: 01 มิถุนายน 2560
ความคิด:
- เรียนรู้เกี่ยวกับพร็อกซี ES6 และกรณีการใช้งานที่หลากหลาย
- มันให้ JavaScript ด้วย API การขอร้องทำให้เราสามารถดักจับหรือสกัดกั้นการดำเนินการทั้งหมดบนวัตถุเป้าหมายและแก้ไขวิธีการทำงานของเป้าหมายนี้
วันที่ 18: 05 มิถุนายน 2560
ความคิด:
- โมดูลที่เสร็จสมบูรณ์ #18 - ชุดและจุดอ่อน
- วัตถุ
Set ช่วยให้เราจัดเก็บค่าที่ไม่ซ้ำกันไม่ว่าจะเป็นค่าดั้งเดิมหรือการอ้างอิงวัตถุ - วัตถุ
WeakSet ช่วยให้เราจัดเก็บวัตถุที่จัดขึ้นอย่างอ่อนแอในคอลเลกชัน - หากไม่มีการอ้างอิงอื่น ๆ กับวัตถุที่เก็บไว้ใน
WeakSet พวกเขาสามารถเก็บขยะได้ - นอกจากนี้
WeakSet ไม่สามารถระบุได้
วันที่ 19: 06 มิถุนายน 2560
ความคิด:
- โมดูลที่เสร็จสมบูรณ์ #19 - แผนที่และแผนที่อ่อนแอ
- วัตถุ
Map ถือคู่คีย์-ค่า - วัตถุ
Map วนซ้ำองค์ประกอบของมันในลำดับการแทรก - A for...of ลูปส่งคืนอาร์เรย์ของ [key, value] สำหรับการทำซ้ำแต่ละครั้ง - วัตถุ
WeakMap เป็นชุดของคู่คีย์/ค่าซึ่งมีการอ้างอิงคีย์อย่างอ่อน
วันที่ 20: 28 ก.ย. 2017
ความคิด:
- หลักสูตรนี้ได้รับการปรับปรุงเมื่อเร็ว ๆ นี้
- อัปเดตสำหรับ ES7/ES2016 และ ES8/ES2017 รวมถึง Async+Await, Babel 7 และอีกมากมาย!
- เริ่มมองหามันตั้งแต่วันนี้
- เริ่มต้นด้วยสัญญาดั้งเดิมและกรณีการใช้งาน
- ยังมองหาการสร้างสัญญาที่กำหนดเอง
วันที่ 21: 29 ก.ย. 2017
ความคิด:
- วันนี้ฉันตรวจสอบ Async+รออีกครั้ง
- นอกจากนี้ให้มองหาวิธีทั่วไปสำหรับการจัดการข้อผิดพลาดฟังก์ชั่น async
วันที่ 22: 30 ก.ย. 2017
ความคิด:
- วันนี้ฉันมองไปที่การใช้สัญญาหลายครั้ง
- ดูอีกหนึ่งกรณีการใช้งานเพื่อ
Promise.all() - เรียนรู้เกี่ยวกับวิธีที่เราสามารถให้สัญญาฟังก์ชั่นเพื่อให้เราสามารถใช้ async+รอพวกเขา
วันที่ 23: 02 ต.ค. 2560
ความคิด:
- วันนี้ฉันดูการเพิ่มเติมภาษาใหม่และอนาคต
- ดูคุณสมบัติชั้นเรียน
- นอกจากนี้ให้มองเข้าไปใน
padStart ES8 และ padEnd - ES7 Exponentiation Operator
- Commas ต่อท้าย (บางครั้งเรียกว่า "commas สุดท้าย") ในตัวอักษร
วันที่ 24: 04 ต.ค. 2560
ความคิด:
- วันนี้ฉันดูกรณีการใช้งานของ
Object.entries() และ Object.values() - เรียนรู้เกี่ยวกับวิธีการใช้งานในสถานการณ์เฉพาะ
- จบหลักสูตรหรือไม่?
