ผลต่างระหว่างรุ่นของ "01204223/js for react"

จาก Theory Wiki
ไปยังการนำทาง ไปยังการค้นหา
แถว 3: แถว 3:
 
ในการจะเขียน React ได้นั้น เราจำเป็นต้องเข้าใจภาษา JavaScript ระดับหนึ่ง ด้านล่างจะเป็นการแนะนำคุณสมบัติต่าง ๆ พร้อมแบบฝึกหัด
 
ในการจะเขียน React ได้นั้น เราจำเป็นต้องเข้าใจภาษา JavaScript ระดับหนึ่ง ด้านล่างจะเป็นการแนะนำคุณสมบัติต่าง ๆ พร้อมแบบฝึกหัด
  
เราจะทดลองโค้ด JavaScript ใน [https://jsfiddle.net/ JSFiddle] เราจะเขียน JavaScript อย่างเดียว อาจจะขยายช่อง JavaScript ให้ใหญ่ขึ้น  ผลลัพธ์จะอยู่ช่อง Console (มุมขวาล่าง) ให้กดให้ส่วนนั้นแสดงขึ้นมา
+
เราจะทดลองโค้ด JavaScript ใน [https://developer.mozilla.org/en-US/play Mozilla JavaScript Playground] เราจะเขียน JavaScript อย่างเดียว อาจจะขยายช่อง JavaScript ให้ใหญ่ขึ้น  ผลลัพธ์จะอยู่ช่อง Console (มุมขวาล่าง)
  
เมื่อเขียนโค้ดแล้ว ต้องการสั่งให้โค้ดทำงาน ให้กด Run หรือกด Ctrl-Enter หรือ Cmd-Enter
+
เมื่อเขียนโค้ดแล้ว ตัว Playground จะรันให้อัตโนมัติเลย ให้ลองพิมพ์คำสั่งต่อไปนี้
 
 
ให้ลองพิมพ์คำสั่งต่อไปนี้แล้วกดให้แสดงผล
 
  
 
  console.log("Hello");
 
  console.log("Hello");
แถว 13: แถว 11:
 
ถ้าเห็นข้อความ สามารถเริ่มทดลองทำได้เลย
 
ถ้าเห็นข้อความ สามารถเริ่มทดลองทำได้เลย
  
 +
[[Image:233-mdn-jsplayground.png|500px]]
 +
 +
{{กล่องเทา|
 
'''หมายเหตุ''' แม้ว่าในการเขียน JavaScript เราสามารถทิ้งเครื่องหมาย ; ได้โดยแทบไม่มีผลอะไร เราจะพยายามเคร่งครัดกับการปิด statement ด้วย ;  
 
'''หมายเหตุ''' แม้ว่าในการเขียน JavaScript เราสามารถทิ้งเครื่องหมาย ; ได้โดยแทบไม่มีผลอะไร เราจะพยายามเคร่งครัดกับการปิด statement ด้วย ;  
 +
 +
อย่างไรก็ตามมีสไตล์ในการเขียน JavaScript อีกหลายแบบ เมื่อมีความเชี่ยวชาญมากขึ้นอาจจะเลือกสไตล์ที่ถูกใจมากกว่านี้ได้
 +
}}
  
 
== ตัวแปรและขอบเขต ==
 
== ตัวแปรและขอบเขต ==
 
  
 
== ฟังก์ชัน ==
 
== ฟังก์ชัน ==

รุ่นแก้ไขเมื่อ 01:17, 7 มกราคม 2569

หน้านี้เป็นส่วนหนึ่งของวิชา 01204223

ในการจะเขียน React ได้นั้น เราจำเป็นต้องเข้าใจภาษา JavaScript ระดับหนึ่ง ด้านล่างจะเป็นการแนะนำคุณสมบัติต่าง ๆ พร้อมแบบฝึกหัด

เราจะทดลองโค้ด JavaScript ใน Mozilla JavaScript Playground เราจะเขียน JavaScript อย่างเดียว อาจจะขยายช่อง JavaScript ให้ใหญ่ขึ้น ผลลัพธ์จะอยู่ช่อง Console (มุมขวาล่าง)

เมื่อเขียนโค้ดแล้ว ตัว Playground จะรันให้อัตโนมัติเลย ให้ลองพิมพ์คำสั่งต่อไปนี้

console.log("Hello");

ถ้าเห็นข้อความ สามารถเริ่มทดลองทำได้เลย

233-mdn-jsplayground.png

หมายเหตุ แม้ว่าในการเขียน JavaScript เราสามารถทิ้งเครื่องหมาย ; ได้โดยแทบไม่มีผลอะไร เราจะพยายามเคร่งครัดกับการปิด statement ด้วย ;

อย่างไรก็ตามมีสไตล์ในการเขียน JavaScript อีกหลายแบบ เมื่อมีความเชี่ยวชาญมากขึ้นอาจจะเลือกสไตล์ที่ถูกใจมากกว่านี้ได้

ตัวแปรและขอบเขต

ฟังก์ชัน

การจัดการกับข้อมูล

Asynchronous JavaScript