JavaScript เป็นภาษาสคริปต์ของเว็บ ซึ่งให้ประสบการณ์การโต้ตอบที่สมบูรณ์และเนื้อหาแบบไดนามิกสําหรับเว็บแอปพลิเคชัน ซึ่งจะช่วยให้คุณสร้างประสบการณ์ของผู้ใช้ที่ช่วยให้ผู้ใช้ทำงานที่ซับซ้อน เก็บข้อมูลผู้ใช้ และอื่นๆ ได้ จากที่นี่ คุณสามารถศึกษาคอลเล็กชันเนื้อหา JavaScript ของเราและเรียนรู้แนวคิดและเทคนิคที่หลากหลายเพื่อช่วยคุณพัฒนาทักษะ JavaScript ของคุณ
หากคุณเพิ่งเริ่มใช้ JavaScript ก็ไม่ต้องกังวล หลักสูตร Learn JavaScript จะสอนเกี่ยวกับ JavaScript อย่างละเอียดเพื่อให้คุณเริ่มต้นใช้งานได้อย่างรวดเร็ว
ดูข้อมูลเกี่ยวกับฟีเจอร์ JavaScript ล่าสุดที่พร้อมใช้งานในเครื่องมือเบราว์เซอร์หลักทั้งหมด
JavaScript มีฟีเจอร์มากมายที่จะช่วยคุณสร้างแอปพลิเคชันที่ตอบสนองความต้องการของผู้ใช้
Interaction to Next Paint (INP) เป็นเมตริกการตอบสนองที่สําคัญซึ่งวัดการตอบสนองของหน้าเว็บ คู่มือเหล่านี้มีเคล็ดลับเกี่ยวกับ JavaScript เพื่อช่วยให้คุณทำหน้าเว็บให้ตอบสนองต่อผู้ใช้ได้อยู่เสมอ
JavaScript ของบุคคลที่สามอาจเป็นสาเหตุของปัญหาด้านประสิทธิภาพในเว็บแอปพลิเคชัน ดูวิธีจัดการสคริปต์ของบุคคลที่สามเพื่อให้เว็บแอปพลิเคชันทำงานได้อย่างรวดเร็ว
ดูรูปแบบ JavaScript เหล่านี้ที่คุณสามารถใช้เพื่อทำงานทั่วไปในเว็บแอปพลิเคชันอย่างรวดเร็ว
หลักสูตร

หากคุณเพิ่งเริ่มใช้ JavaScript ก็ไม่ต้องกังวล หลักสูตรเรียนรู้ JavaScript จะแนะนำวิธีการทำงานของ JavaScript โดยเริ่มจากข้อมูลพื้นฐาน เช่น ตัวแปร ฟังก์ชัน และคำสั่งแบบมีเงื่อนไข จากนั้นคุณจะได้เรียนรู้หัวข้อที่ซับซ้อนมากขึ้น เช่น การสืบทอดโปรโตไทป์ คลาส และหัวข้ออื่นๆ เพื่อช่วยฝึกฝนทักษะ JavaScript เพื่อให้คุณสร้างเว็บแอปพลิเคชันที่มีประสิทธิภาพได้

ข้อมูลพื้นฐานเป็นสัญญาณที่ส่งไปยังนักพัฒนาเว็บเมื่อฟีเจอร์ของแพลตฟอร์มเว็บสามารถใช้งานได้อย่างปลอดภัยในเครื่องมือเบราว์เซอร์หลักทั้งหมด ต่อไปนี้คือฟีเจอร์ JavaScript บางรายการที่พร้อมใช้งานใน Baseline เวอร์ชันใหม่

ArrayBuffer ที่ปรับขนาดได้กลายเป็น Baseline ใหม่ในเดือนกรกฎาคม 2024
วิธีการตั้งค่ากลายเป็นเกณฑ์พื้นฐานที่พร้อมใช้งานใหม่ในเดือนมิถุนายน 2024
CustomStateSet เปลี่ยนเป็น Baseline ซึ่งพร้อมใช้งานใหม่ในเดือนพฤษภาคม 2024
Screen Wake Lock API กลายเป็น Baseline ใหม่ในเดือนพฤษภาคม 2024
intl.Segmenter เปลี่ยนเป็น Baseline ใหม่พร้อมใช้งานในเดือนเมษายน 2024
promise.withResolvers() กลายเป็น Baseline ใหม่ในเดือนมีนาคม 2024
ฟังก์ชัน groupBy() กลายเป็น Baseline ใหม่ในเดือนมีนาคม 2024
เมธอด ArrayBuffer transfer() และ transferToFixedLength() กลายเป็น Baseline ใหม่ในเดือนมีนาคม 2024
Array.fromAsync() กลายเป็น Baseline ใหม่ในเดือนมกราคม 2024

JavaScript มีเครื่องมือมากมายที่จะช่วยคุณสร้างแอปพลิเคชันที่ตอบสนองความต้องการของผู้ใช้ ต่อไปนี้คือฟีเจอร์ทั่วไปที่คุณอาจต้องการใช้ในเว็บแอปพลิเคชันและควรทราบ

Promises จะเปิดโอกาสให้คุณเรียกใช้โค้ดแบบไม่พร้อมกันหลังจากเกิดเหตุการณ์บางอย่างขึ้น
fetch API อนุญาตให้คุณสร้างคำขอ HTTP เพื่อดึงข้อมูลจากเว็บในส่วนหน้า
IndexedDB API มีพื้นที่เก็บข้อมูล Structured Data ฝั่งไคลเอ็นต์ ซึ่งรวมถึงไฟล์และ Blob

วิธีที่คุณใช้ JavaScript อาจส่งผลต่อ Interaction to Next Paint (INP) ของเว็บแอปพลิเคชัน คู่มือเหล่านี้จะช่วยคุณจัดการปัญหาการตอบสนองของหน้าเว็บที่เกิดจาก JavaScript

งานในเทรดหลักที่ใช้เวลานานอาจทําให้เว็บแอปพลิเคชันไม่ตอบสนอง ดูวิธีเพิ่มประสิทธิภาพงานที่ใช้เวลานานเพื่อปรับปรุง INP ของเว็บแอปพลิเคชัน
ความล่าช้าในการป้อนข้อมูลนานเกิดขึ้นเมื่อผู้ใช้โต้ตอบกับหน้าเว็บและเบราว์เซอร์ใช้เวลาในการตอบสนองนานเกินไป และ JavaScript อาจเป็นสาเหตุที่พบบ่อย อ่านคู่มือนี้และดูวิธีลดเวลาในการตอบสนองของอินพุตและทำให้เว็บแอปพลิเคชันทำงานได้เร็วขึ้น
เมื่อดาวน์โหลดสคริปต์ระหว่างการโหลดหน้าเว็บ สคริปต์เหล่านั้นอาจทำให้เกิดงานที่ใช้เวลานานและอาจส่งผลกระทบต่อ INP ของเว็บแอปพลิเคชัน ดูวิธีเพิ่มประสิทธิภาพสำหรับงานการประเมินสคริปต์ที่มีความยาวเพื่อให้ INP ต่ำ
ไม่จำเป็นต้องเรียกใช้ทุกอย่างในเธรดหลัก หากมีงานจำนวนมากที่ใช้เวลานานในการเรียกใช้ คุณสามารถส่งงานไปยังเธรดเวิร์กเกอร์เว็บเพื่อให้เว็บแอปพลิเคชันตอบสนองได้เร็วที่สุด
ปัญหาด้านประสิทธิภาพที่พบได้ทั่วไปบนเว็บเกี่ยวข้องกับการใช้ JavaScript ของบุคคลที่สาม ซึ่งอาจทําให้หน้าเว็บโหลดช้าลงและอาจทําให้เกิดปัญหาการตอบสนองของหน้าเว็บ ดูคู่มือเหล่านี้เพื่อจัดการปัญหาด้านประสิทธิภาพ JavaScript ของบุคคลที่สามที่พบบ่อย
ดูว่า JavaScript ของบุคคลที่สามส่งผลต่อประสิทธิภาพอย่างไรและสิ่งที่คุณสามารถทําได้เพื่อไม่ให้ JavaScript ทําให้เว็บไซต์ช้าลง
เพิ่มพูนทักษะด้านนักสืบด้วย Lighthouse และเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ดูวิธีโหลด JavaScript ของบุคคลที่สามอย่างมีประสิทธิภาพเพื่อปรับปรุงประสิทธิภาพของเว็บแอปพลิเคชัน
ดูวิธีเพิ่มประสิทธิภาพแท็กและ Tag Manager สําหรับ Core Web Vitals เพื่อให้เครื่องมือที่มีประโยชน์เหล่านี้ส่งผลต่อประสิทธิภาพของเว็บแอปพลิเคชันน้อยที่สุด

ดูรูปแบบเหล่านี้ที่คุณสามารถใช้เพื่อทำงานทั่วไปในเว็บแอปพลิเคชันโดยใช้ JavaScript ได้อย่างรวดเร็ว

ดูรูปแบบเหล่านี้เพื่อทำงานทั่วไปในเว็บแอปพลิเคชัน
ดูรูปแบบการทำงานกับไฟล์และไดเรกทอรีใน JavaScript
ดูวิธีใช้ Clipboard API ใน JavaScript เพื่อให้ฟังก์ชันการคัดลอกและวางในแอปพลิเคชันเว็บ