เรียนรู้พื้นฐาน JavaScript: ภาพรวม

Jan 18 2023

ภาพถ่ายโดย Kimberly Farmer บน Unsplash

ตัวแปร JavaScript : ตัวแปรใช้เพื่อเก็บข้อมูลใน JavaScript ใช้เพื่อเก็บค่าต่างๆ เช่น ตัวเลข สตริง และวัตถุ ตัวแปรถูกกำหนดโดยใช้คีย์เวิร์ด var, let หรือ const
ประเภทข้อมูล : JavaScript มีประเภทข้อมูลหลายประเภท รวมทั้งสตริง ตัวเลข บูลีน และวัตถุ การทำความเข้าใจประเภทข้อมูลต่างๆ และวิธีการใช้งานเป็นสิ่งสำคัญสำหรับการเขียนโค้ดที่มีประสิทธิภาพและบำรุงรักษาได้
ตัวดำเนินการ JavaScript : ตัวดำเนินการใช้เพื่อดำเนินการกับตัวแปรและค่า JavaScript มีตัวดำเนินการต่างๆ เช่น ตัวดำเนินการทางคณิตศาสตร์ ตัวดำเนินการเปรียบเทียบ และตัวดำเนินการเชิงตรรกะ
โครงสร้างการควบคุม : โครงสร้างการควบคุมใช้เพื่อควบคุมการไหลของโปรแกรม JavaScript มีโครงสร้างการควบคุมหลายอย่าง เช่น if-else, switch-case และ for-loop ที่ใช้ในการตัดสินใจและดำเนินการซ้ำ
ฟังก์ชัน JavaScript : ฟังก์ชันคือบล็อกของโค้ดที่สามารถนำมาใช้ซ้ำได้ตลอดทั้งโปรแกรม พวกเขารับอินพุตและส่งคืนเอาต์พุต JavaScript มีฟังก์ชันในตัวหลายอย่างรวมถึงความสามารถในการสร้างฟังก์ชันที่กำหนดเอง
JavaScript Arrays : อาร์เรย์ใช้เพื่อเก็บข้อมูล อาร์เรย์ JavaScript เป็นวัตถุในตัวที่มีวิธีการต่างๆ ในการทำงานกับข้อมูล เช่น การเพิ่ม การลบ และการวนซ้ำองค์ประกอบต่างๆ
JavaScript Objects : Objects ใช้เพื่อจัดเก็บชุดข้อมูลใน JavaScript คล้ายกับอาร์เรย์ แต่ให้ความยืดหยุ่นมากกว่าในแง่ของโครงสร้างข้อมูล
Document Object Model (DOM) : DOM เป็นตัวแทนของเอกสาร HTML หรือ XML ใน JavaScript มีวิธีการเข้าถึงและจัดการองค์ประกอบของหน้าเว็บ
การจัดการเหตุการณ์ JavaScript : การจัดการเหตุการณ์คือกระบวนการตอบสนองต่อเหตุการณ์ของผู้ใช้ เช่น การคลิก การกดปุ่ม และการส่งแบบฟอร์มใน JavaScript
Javascript Loops : Loops ใช้เพื่อทำซ้ำบล็อกของโค้ดตามจำนวนครั้งที่กำหนด หรือในขณะที่เงื่อนไขบางอย่างเป็นจริง JavaScript มีลูปหลายประเภท เช่น for, while และ for-of
การเขียนโปรแกรมแบบอะซิงโครนัส : การเขียนโปรแกรมแบบอะซิงโครนัสเป็นวิธีการดำเนินการที่อาจใช้เวลาในการดำเนินการ เช่น คำขอเครือข่าย โดยไม่มีการบล็อกการดำเนินการของโค้ดที่เหลือ JavaScript มีหลายวิธีในการทำงานกับโค้ดแบบอะซิงโครนัส เช่น การเรียกกลับ สัญญา และการรอแบบอะซิงโครนัส
การเขียนโปรแกรมเชิงฟังก์ชัน : การเขียนโปรแกรมเชิงฟังก์ชันเป็นกระบวนทัศน์ของการเขียนโปรแกรมที่เน้นความไม่เปลี่ยนแปลง ฟังก์ชันล้วน และการใช้ฟังก์ชันที่มีลำดับสูงกว่า JavaScript มีคุณสมบัติการเขียนโปรแกรมการทำงานหลายอย่าง เช่น ฟังก์ชันลูกศร แผนที่ การลดขนาด และตัวกรอง
การเขียนโปรแกรมเชิงวัตถุ : การเขียนโปรแกรมเชิงวัตถุเป็นกระบวนทัศน์ของการเขียนโปรแกรมที่เน้นการใช้วัตถุเพื่อแสดงข้อมูลและพฤติกรรม JavaScript มีคุณสมบัติการเขียนโปรแกรมเชิงวัตถุหลายอย่าง เช่น คลาสและการสืบทอด
Regular Expressions : Regular Expressions ใช้เพื่อจับคู่รูปแบบในสตริง ซึ่งมีประโยชน์สำหรับการตรวจสอบอินพุต ค้นหาข้อความที่ต้องการ และอื่นๆ
วัตถุในตัวของ JavaScript : JavaScript มีวัตถุในตัวหลายอย่าง เช่น คณิตศาสตร์ วันที่ และอาร์เรย์ ซึ่งมีวิธีการและคุณสมบัติที่มีประโยชน์มากมาย
ฟังก์ชันในตัวของ JavaScript : JavaScript มีฟังก์ชันในตัวหลายอย่าง เช่น parseInt(), parseFloat() และ isNaN() ที่สามารถใช้ดำเนินการทั่วไปได้
วิธีการในตัวของ JavaScript : JavaScript มีวิธีการในตัวหลายอย่างเช่น string.length, array.push() และ object.hasOwnProperty() ที่สามารถใช้เพื่อดำเนินการทั่วไป
คุณสมบัติในตัวของ JavaScript : JavaScript มีคุณสมบัติในตัวหลายอย่าง เช่น document.title, window.innerWidth และ navigator.userAgent ที่สามารถใช้เพื่อรับข้อมูลเกี่ยวกับเบราว์เซอร์และหน้าเว็บ
การทำลาย JavaScript : การทำลาย JavaScript เป็นคุณสมบัติของภาษาที่ช่วยให้คุณสามารถแยกค่าจากอาร์เรย์หรือวัตถุและกำหนดให้กับตัวแปร ทำให้กระบวนการทำงานกับโครงสร้างข้อมูลที่ซับซ้อนง่ายขึ้น
ตัวดำเนินการกระจาย JavaScript : ตัวดำเนินการกระจาย JavaScript เป็นคุณสมบัติที่ช่วยให้คุณสามารถกระจายองค์ประกอบของอาร์เรย์หรือคุณสมบัติของวัตถุไปยังอาร์เรย์หรือวัตถุใหม่ สามารถใช้เพื่อผสานอาร์เรย์ คัดลอกอาร์เรย์ และอื่นๆ
แมป JavaScript กรอง และย่อ : วิธีการเหล่านี้เป็นวิธีการแบบอาร์เรย์ที่ช่วยให้คุณสามารถดำเนินการทั่วไปกับอาร์เรย์ เช่น การวนซ้ำองค์ประกอบ การกรององค์ประกอบ และการลดอาร์เรย์ให้เหลือเพียงค่าเดียว
บริบท JavaScript : บริบท JavaScript คือสภาพแวดล้อมที่โค้ดถูกเรียกใช้และกำหนดค่าของคีย์เวิร์ดนี้ การทำความเข้าใจบริบทมีความสำคัญต่อการทำความเข้าใจว่าฟังก์ชันและออบเจกต์โต้ตอบกันอย่างไรใน JavaScript
การปิด JavaScript : การปิด JavaScript เป็นคุณสมบัติของภาษาที่อนุญาตให้ฟังก์ชันเข้าถึงตัวแปรจากขอบเขตพาเรนต์ แม้ว่าฟังก์ชันพาเรนต์จะกลับมาแล้วก็ตาม การปิดมักใช้เพื่อสร้างตัวแปรและฟังก์ชันส่วนตัว
JavaScript Prototype : JavaScript ต้นแบบเป็นคุณสมบัติของภาษาที่อนุญาตให้วัตถุสืบทอดคุณสมบัติและวิธีการจากวัตถุอื่น การทำความเข้าใจกับต้นแบบมีความสำคัญต่อการทำความเข้าใจว่าคุณลักษณะเชิงวัตถุของภาษาทำงานอย่างไร
การดีบัก JavaScript : การดีบักเป็นทักษะที่สำคัญสำหรับนักพัฒนา JavaScript มีเครื่องมือหลายอย่าง เช่น คอนโซลและคำสั่ง debugger ที่สามารถใช้เพื่อค้นหาและแก้ไขข้อผิดพลาดในโค้ดของคุณ
ความปลอดภัยของ JavaScript : JavaScript มักใช้เพื่อสร้างสคริปต์ฝั่งไคลเอ็นต์ที่ทำงานบนเบราว์เซอร์ของผู้ใช้ สิ่งสำคัญคือต้องตระหนักถึงความเสี่ยงด้านความปลอดภัยที่เกี่ยวข้องกับสิ่งนี้ และรู้วิธีเขียนโค้ด JavaScript ที่ปลอดภัย
โมดูล JavaScript : โมดูล JavaScript เป็นวิธีการจัดระเบียบและนำรหัสกลับมาใช้ใหม่โดยการสร้างหน่วยการทำงานขนาดเล็กที่มีในตัวเอง โมดูล JavaScript สามารถนำเข้าและส่งออกโดยใช้คีย์เวิร์ดนำเข้าและส่งออก
สัญญา JavaScript : สัญญา JavaScript เป็นวิธีจัดการกับการทำงานแบบอะซิงโครนัสด้วยวิธีที่เป็นระเบียบและมีประสิทธิภาพมากขึ้น พวกเขาให้วิธีจัดการกับความสำเร็จและผลลัพธ์ที่ผิดพลาดโดยไม่ต้องใช้ฟังก์ชันการเรียกกลับ
JavaScript async-await : JavaScript async-await เป็นวิธีการจัดการการทำงานแบบอะซิงโครนัสที่ทันสมัยและอ่านง่ายกว่า อนุญาตให้คุณเขียนโค้ดอะซิงโครนัสที่ดูเหมือนโค้ดซิงโครนัส
คลาส JavaScript : คลาส JavaScript เป็นวิธีสร้างวัตถุที่มีโครงสร้างและพฤติกรรมเฉพาะ เป็นวิธีการสร้างวัตถุที่ทันสมัยและเป็นระบบมากกว่าวิธีการสร้างต้นแบบแบบดั้งเดิม
JavaScript Web APIs : JavaScript Web APIs เป็นชุดของ API ที่จัดทำโดยเว็บเบราว์เซอร์ที่อนุญาตให้คุณโต้ตอบกับเบราว์เซอร์และหน้าเว็บ ตัวอย่างของ Web API ได้แก่ DOM, Fetch API และ WebSocket API
การเพิ่มประสิทธิภาพ JavaScript : การเพิ่มประสิทธิภาพ JavaScript เป็นกระบวนการปรับปรุงประสิทธิภาพของรหัส JavaScript ซึ่งรวมถึงเทคนิคต่างๆ เช่น การลดจำนวนการดำเนินการ DOM การลดจำนวนการเรียกใช้ฟังก์ชัน การลดขนาดและการบีบอัดโค้ด
การทดสอบจาวาสคริปต์ : การทดสอบจาวาสคริปต์เป็นกระบวนการในการยืนยันว่าโค้ดทำงานตามที่คาดไว้
รูปแบบการออกแบบ JavaScript : รูปแบบการออกแบบ JavaScript เป็นวิธีแก้ปัญหาที่ใช้ซ้ำได้สำหรับปัญหาการเขียนโปรแกรมทั่วไป ตัวอย่างของรูปแบบการออกแบบ ได้แก่ รูปแบบซิงเกิลตัน รูปแบบผู้สังเกตการณ์ และรูปแบบโรงงาน
JavaScript Best Practices : JavaScript Best Practices คือชุดแนวทางและคำแนะนำสำหรับการเขียนโค้ดคุณภาพสูง บำรุงรักษาได้ และมีประสิทธิภาพ ตัวอย่างแนวทางปฏิบัติที่ดีที่สุด ได้แก่ การใช้โหมดเข้มงวด การใช้ const แทน var และการหลีกเลี่ยงตัวแปรส่วนกลาง
การพิมพ์ด้วย JavaScript : การพิมพ์ด้วย JavaScript เป็นวิธีเพิ่มข้อมูลประเภทลงในโค้ด JavaScript ซึ่งสามารถทำได้โดยใช้ TypeScript หรือ Flow ทั้งสองอย่างนี้เป็นตัวตรวจสอบประเภทแบบคงที่ที่สามารถช่วยป้องกันข้อผิดพลาดของประเภทและทำให้โค้ดอ่านง่ายขึ้น
JavaScript Webpack : JavaScript Webpack เป็นเครื่องมือสำหรับการรวมโมดูล JavaScript สามารถใช้รวมไฟล์หลายไฟล์เป็นไฟล์เดียว ซึ่งเบราว์เซอร์สามารถโหลดได้อย่างมีประสิทธิภาพมากขึ้น
JavaScript Linting : JavaScript Linting คือกระบวนการตรวจสอบโค้ด JavaScript เพื่อหาข้อผิดพลาดและจุดบกพร่องที่อาจเกิดขึ้น ซึ่งสามารถทำได้โดยใช้เครื่องมือเช่น ESLint ซึ่งสามารถกำหนดค่าเพื่อตรวจสอบแบบแผนการเข้ารหัสเฉพาะและแนวทางปฏิบัติที่ดีที่สุด
การจัดการหน่วยความจำ JavaScript : การจัดการหน่วยความจำ JavaScript เป็นกระบวนการจัดการการจัดสรรและการจัดสรรคืนหน่วยความจำใน JavaScript ซึ่งรวมถึงเทคนิคต่างๆ เช่น การรวบรวมขยะและการตรวจจับการรั่วไหลของหน่วยความจำ
JavaScript Transpilation : JavaScript Transpilation คือกระบวนการแปลงโค้ดที่เขียนในภาษาหนึ่งเป็นภาษาอื่น ซึ่งสามารถทำได้โดยใช้เครื่องมืออย่าง Babel ซึ่งสามารถแปลงโค้ด JavaScript สมัยใหม่เป็นเวอร์ชันที่เข้ากันได้กับเบราว์เซอร์รุ่นเก่า
พร็อกซี JavaScript : พร็อกซี JavaScript เป็นวิธีการสกัดกั้นและจัดการพฤติกรรมของวัตถุ พวกเขาให้วิธีการเพิ่มพฤติกรรมที่กำหนดเองให้กับวัตถุที่มีอยู่โดยไม่ต้องแก้ไขรหัสเดิม
ตัวสร้าง JavaScript : ตัวสร้าง JavaScript เป็นวิธีสร้างตัววนซ้ำ ซึ่งเป็นวัตถุที่สามารถใช้เพื่อวนซ้ำชุดข้อมูล มีวิธีสร้างพฤติกรรมการวนซ้ำแบบกำหนดเองโดยไม่ต้องแก้ไขโค้ดต้นฉบับ
JavaScript Reflect : JavaScript Reflect เป็นวัตถุในตัวที่ให้วิธีการสกัดกั้นและจัดการพฤติกรรมของวัตถุ สามารถใช้ร่วมกับพร็อกซี่เพื่อให้วิธีการที่มีประสิทธิภาพและยืดหยุ่นมากขึ้นในการจัดการกับวัตถุ
JavaScript Web Workers : JavaScript Web Workers เป็นวิธีการเรียกใช้โค้ด JavaScript ในพื้นหลัง แยกจากเธรดหลัก ช่วยให้คุณทำการคำนวณจำนวนมากหรือทำงานที่ต้องใช้เวลานานโดยไม่ทำให้ UI ค้าง
JavaScript Service Workers : JavaScript Service Workers เป็นวิธีการเรียกใช้โค้ด JavaScript ในพื้นหลัง แยกจากเธรดหลัก ช่วยให้คุณสามารถทำงานต่างๆ เช่น การแคชและการแจ้งเตือนแบบพุช
JavaScript Event Loop : ลูปเหตุการณ์ JavaScript เป็นกลไกที่อนุญาตให้เอ็นจิ้น JavaScript รันโค้ดแบบอะซิงโครนัส ช่วยให้กลไกจัดการงานหลายอย่างในเวลาเดียวกัน เช่น การป้อนข้อมูลของผู้ใช้และคำขอเครือข่าย
JavaScript Hoisting : JavaScript hoisting เป็นคุณลักษณะของภาษาที่ทำให้การประกาศตัวแปรและฟังก์ชันถูกย้ายไปที่ด้านบนสุดของขอบเขตก่อนที่จะดำเนินการโค้ด การทำความเข้าใจเกี่ยวกับการยกเป็นสิ่งสำคัญสำหรับการทำความเข้าใจว่าขอบเขตของตัวแปรและฟังก์ชันทำงานอย่างไรใน JavaScript
JavaScript Currying : JavaScript currying เป็นเทคนิคสำหรับการนำฟังก์ชันไปใช้บางส่วน หมายความว่าสามารถเรียกใช้ฟังก์ชันโดยมีอาร์กิวเมนต์น้อยกว่าที่กำหนดไว้ให้ยอมรับ และส่งคืนฟังก์ชันใหม่ที่รับอาร์กิวเมนต์ที่เหลือ
JavaScript Memoization : JavaScript memoization เป็นเทคนิคในการแคชผลลัพธ์ของฟังก์ชัน หมายความว่าเอาต์พุตของฟังก์ชันจะถูกจัดเก็บและส่งคืนแทนที่จะคำนวณผลลัพธ์ใหม่ ซึ่งจะช่วยปรับปรุงประสิทธิภาพในกรณีที่ฟังก์ชันถูกเรียกใช้หลายครั้งด้วยอินพุตเดียวกัน
ตัวตกแต่ง JavaScript : ตัวตกแต่ง JavaScript เป็นวิธีเพิ่มลักษณะการทำงานให้กับฟังก์ชันหรือคลาสที่มีอยู่โดยการรวมฟังก์ชันหรือฟังก์ชันใหม่เข้าด้วยกัน อนุญาตให้คุณเพิ่มฟังก์ชันการทำงานให้กับรหัสที่มีอยู่โดยไม่ต้องแก้ไข
การโยงตัวเลือกของ JavaScript : การโยงตัวเลือกของ JavaScript เป็นคุณสมบัติที่ช่วยให้คุณเข้าถึงคุณสมบัติของวัตถุโดยไม่ต้องตรวจสอบว่าวัตถุนั้นเป็นค่าว่างหรือไม่ได้กำหนด
JavaScript Nullish Coalescing : JavaScript Nullish Coalescing เป็นคุณลักษณะที่อนุญาตให้คุณระบุค่าเริ่มต้นสำหรับตัวแปร หากเป็นค่าว่างหรือไม่ได้กำหนด
JavaScript BigInt : JavaScript BigInt เป็นคุณสมบัติใหม่ที่ช่วยให้คุณทำงานกับจำนวนเต็มที่มีขนาดใหญ่กว่าจำนวนเต็มที่ปลอดภัยสูงสุด สิ่งนี้มีประโยชน์สำหรับการทำงานกับตัวเลขจำนวนมากหรือการดำเนินการเข้ารหัส

คู่มือจาวาสคริปต์ของ Mozilla Developer Network (MDN):https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
บทช่วยสอน JavaScript ของ W3Schools:https://www.w3schools.com/js
หลักสูตร JavaScript FreeCodeCamp:https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures
Scrimba เรียนรู้หลักสูตร Javascript:https://scrimba.com/learn/learnjavascript
หลักสูตรพื้นฐาน JavaScript ของ Alchemy University:https://university.alchemy.com/js
หลักสูตร Codecademy JavaScript:https://www.codecademy.com/learn/introduction-to-javascript
Eloquent JavaScript โดย Marijn Haverbeke (หนังสือ):https://eloquentjavascript.net
JavaScript.info:https://javascript.info
JavaScript สำหรับแมว โดย Max Ogden (หนังสือ):http://jsforcats.com
หลักสูตร JavaScript Fundamentals สำหรับ ES6 โดย Pluralsight:https://www.pluralsight.com/courses/javascript-fundamentals-es6
หลักสูตรพื้นฐาน JavaScript โดย LinkedIn Learning:https://www.linkedin.com/learning/javascript-essential-training