ชุดคำสั่งที่ทำงานตามลำดับ
พื้นที่ฝึก
JavaScript
เส้นทางฝึก JavaScript ตั้งแต่ศูนย์
นิยามก่อน
JavaScript คืออะไร
JavaScript ใช้เขียนคำสั่งที่ชัดเจน ที่นี่เรียนเป็น เส้นทางฝึก JavaScript ตั้งแต่ศูนย์ เริ่มจากภาพเดียว input ผ่านขั้นตอนแล้วกลายเป็น output
ข้อมูลรันขั้นต่ำไฟล์
app.jsรัน node app.jsนิสัย เรียน JavaScript ทีละส่วนเล็ก แล้วพิมพ์ตัวอย่างสั้นและรันค่าคือข้อมูล ตัวแปรคือชื่อที่เก็บข้อมูล
งานย่อยที่มีชื่อ รับ input และสร้างผลลัพธ์
Browser console or Node.js รันโค้ดจาก app.js
โค้ดแรกที่อ่านง่าย
ค่าและตัวแปร
ค่า ตัวแปร ข้อความ ตัวเลข boolean object arrayconst score = 40 + 2; console.log(score);
ผลลัพธ์ 42ตระกูลภาษา
ผังตระกูล JavaScript
ดูว่า JavaScript มาจากไหน ใกล้กับภาษาใด และควรเรียนอะไรต่อ
เหมาะกับ เส้นทางฝึก JavaScript ตั้งแต่ศูนย์
เริ่มจากศูนย์
1อ่านกฎหนึ่งข้อ2ทายผลลัพธ์3พิมพ์จากความจำ4รันการตรวจ5ทำซ้ำโดยเปลี่ยนหนึ่งจุด
คลังคำถาม
ค้นหาก่อนฝึก
เลือกขั้นหรือค้นหาแบบฝึกของภาษานี้ แล้วเปิดข้อที่ต้องการทันที
Q 1ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 1
JavaScript ข้อ 1 เลือกคำอธิบายที่ตรงกับ ตัวแปรค่าคงที่ ที่สุด
Q 2ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 2
JavaScript ข้อ 2 เลือกคำอธิบายที่ตรงกับ ค่าที่ function คืนกลับ ที่สุด
Q 3ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 3
JavaScript ข้อ 3 เลือกคำอธิบายที่ตรงกับ การแปลง array ที่สุด
Q 4ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 4
JavaScript ข้อ 4 เลือกคำอธิบายที่ตรงกับ async await ที่สุด
Q 5ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 5
JavaScript ข้อ 5 เลือกคำอธิบายที่ตรงกับ ตัวแปรค่าคงที่ ที่สุด
Q 6ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 6
JavaScript ข้อ 6 เลือกคำอธิบายที่ตรงกับ ค่าที่ function คืนกลับ ที่สุด
Q 7ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 7
JavaScript ข้อ 7 เลือกคำอธิบายที่ตรงกับ การแปลง array ที่สุด
Q 8ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 8
JavaScript ข้อ 8 เลือกคำอธิบายที่ตรงกับ async await ที่สุด
Q 9ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 9
JavaScript ข้อ 9 เลือกคำอธิบายที่ตรงกับ ตัวแปรค่าคงที่ ที่สุด
Q 10ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 10
JavaScript ข้อ 10 เลือกคำอธิบายที่ตรงกับ ค่าที่ function คืนกลับ ที่สุด
Q 11ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 11
JavaScript ข้อ 11 เลือกคำอธิบายที่ตรงกับ การแปลง array ที่สุด
Q 12ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 12
JavaScript ข้อ 12 เลือกคำอธิบายที่ตรงกับ async await ที่สุด
Q 13ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 13
JavaScript ข้อ 13 เลือกคำอธิบายที่ตรงกับ ตัวแปรค่าคงที่ ที่สุด
Q 14ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 14
JavaScript ข้อ 14 เลือกคำอธิบายที่ตรงกับ ค่าที่ function คืนกลับ ที่สุด
Q 15ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 15
JavaScript ข้อ 15 เลือกคำอธิบายที่ตรงกับ การแปลง array ที่สุด
Q 16ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 16
JavaScript ข้อ 16 เลือกคำอธิบายที่ตรงกับ async await ที่สุด
Q 17ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 17
JavaScript ข้อ 17 เลือกคำอธิบายที่ตรงกับ ตัวแปรค่าคงที่ ที่สุด
Q 18ตัวเลือกขั้น 1 นิยาม
JavaScript ข้อ 18
JavaScript ข้อ 18 เลือกคำอธิบายที่ตรงกับ ค่าที่ function คืนกลับ ที่สุด
ปรนัย
JavaScript ข้อ 1
JavaScript ข้อ 1 เลือกคำอธิบายที่ตรงกับ ตัวแปรค่าคงที่ ที่สุด
const total = 42; console.log(total);
อ้างอิง
รูปแบบของ app.js
Browser console or Node.js
node app.jsค่า ตัวแปร ข้อความ ตัวเลข boolean object array
ค่าและตัวแปร
const score = 40 + 2; console.log(score);
- เริ่มด้วย const ก่อน
- ใช้ let เมื่อค่าต้องเปลี่ยนเท่านั้น
- ตรวจค่าด้วย console.log
input output return งานที่ใช้ซ้ำได้
ฟังก์ชัน
function add(a, b) {
return a + b;
}
console.log(add(2, 3));- ตั้งชื่อ function ด้วยคำกริยา
- return ค่าแทนการ print ในทุก function
- ให้ function หนึ่งทำงานเดียว
fetch Promise await การจัดการ error
API แบบ async
async function load() {
return await Promise.resolve("ready");
}
load().then(console.log);- Check network errors
- Await the promise before reading data
- Keep API parsing separate