| # วัน | หัวข้อ |
|---|---|
| 01 | การแนะนำ |
| 02 | ชนิดข้อมูล |
| 03 | บูลีนผู้ประกอบการวันที่ |
| 04 | เงื่อนไข |
| 05 | อาร์เรย์ |
| 06 | ลูป |
| 07 | ฟังก์ชั่น |
| 08 | วัตถุ |
| 09 | ฟังก์ชั่นการสั่งซื้อที่สูงขึ้น |
| 10 | ชุดและแผนที่ |
| 11 | การทำลายและการแพร่กระจาย |
| 12 | การแสดงออกปกติ |
| 13 | วิธีการวัตถุคอนโซล |
| 14 | การจัดการข้อผิดพลาด |
| 15 | ชั้นเรียน |
| 16 | JSON |
| 17 | เว็บคลังสินค้า |
| 18 | คำสัญญา |
| 19 | การปิด |
| 20 | การเขียนรหัสที่สะอาด |
| 21 | ดอม |
| 22 | จัดการวัตถุ DOM |
| 23 | ผู้ฟังเหตุการณ์ |
| 24 | โครงการขนาดเล็ก: ระบบสุริยจักรวาล |
| 25 | โครงการมินิ: การสร้างภาพข้อมูลประเทศโลก 1 |
| 26 | โครงการมินิ: การสร้างภาพข้อมูลประเทศโลก 2 |
| 27 | โครงการขนาดเล็ก: พอร์ตโฟลิโอ |
| 28 | โครงการมินิ: ลีดเดอร์บอร์ด |
| 29 | Mini Project: ตัวละครเคลื่อนไหว |
| 30 | โครงการสุดท้าย |
- การเข้ารหัสมีความสุข ???
ผู้แต่ง: Asabeneh Yetayeh
มกราคม 2563
- ภาษาอังกฤษ ?? สเปน ?? อิตาลี ?? รัสเซีย ?? ตุรกี ?? อาเซอร์ไบจาน ?? เกาหลี ?? เวียดนาม ?? โปแลนด์ ?? ชาวโปรตุเกส
วันที่ 2 >>
ขอแสดงความยินดี กับการตัดสินใจเข้าร่วมใน 30 วันของความท้าทายการเขียนโปรแกรม JavaScript ในความท้าทายนี้คุณจะได้เรียนรู้ทุกสิ่งที่คุณต้องการเพื่อเป็นโปรแกรมเมอร์ JavaScript และโดยทั่วไปแนวคิดทั้งหมดของการเขียนโปรแกรม ในตอนท้ายของความท้าทายคุณจะได้รับใบรับรองการเขียนโปรแกรม 30DaysofJavaVascript ในกรณีที่คุณต้องการความช่วยเหลือหรือหากคุณต้องการช่วยเหลือผู้อื่นคุณอาจเข้าร่วมกลุ่มโทรเลขเฉพาะ
ความท้าทาย 30Daysofjavascript เป็นแนวทางสำหรับทั้งผู้เริ่มต้นและนักพัฒนาจาวาสคริปต์ขั้นสูง ยินดีต้อนรับสู่ JavaScript JavaScript เป็นภาษาของเว็บ ฉันสนุกกับการใช้และสอน JavaScript และฉันหวังว่าคุณจะทำเช่นนั้นเช่นกัน
ในขั้นตอนนี้การท้าทาย JavaScript คุณจะได้เรียนรู้ JavaScript ซึ่งเป็นภาษาการเขียนโปรแกรมที่ได้รับความนิยมมากที่สุดในประวัติศาสตร์ของมนุษยชาติ JavaScript ใช้ เพื่อเพิ่มการโต้ตอบในเว็บไซต์เพื่อพัฒนาแอพมือถือแอปพลิเคชันเดสก์ท็อปเกม และ JavaScript ทุกวันนี้สามารถใช้สำหรับ การเขียนโปรแกรมฝั่งเซิร์ฟเวอร์ การเรียนรู้ของเครื่อง และ AI
JavaScript (JS) ได้รับความนิยมเพิ่มขึ้นในช่วงไม่กี่ปีที่ผ่านมาและเป็นภาษาการเขียนโปรแกรมชั้นนำในช่วงสิบปีที่ผ่านมาและเป็นภาษาการเขียนโปรแกรมที่ใช้มากที่สุดใน GitHub
ความท้าทายนี้ง่ายต่อการอ่านเขียนเป็นภาษาอังกฤษสนทนามีส่วนร่วมสร้างแรงบันดาลใจและในเวลาเดียวกันก็มีความต้องการมาก คุณต้องจัดสรรเวลาให้เสร็จสิ้นการท้าทายนี้ หากคุณเป็นผู้เรียนรู้ด้วยภาพคุณอาจได้รับบทเรียนวิดีโอเกี่ยวกับช่อง Washera YouTube สมัครสมาชิกช่องแสดงความคิดเห็นและถามคำถามเกี่ยวกับ YouTube vides และเป็นเชิงรุกผู้เขียนจะสังเกตเห็นคุณในที่สุด
ผู้เขียนชอบที่จะได้ยินความคิดเห็นของคุณเกี่ยวกับความท้าทายแบ่งปันผู้เขียนโดยแสดงความคิดของคุณเกี่ยวกับความท้าทาย 30DaysofJavaScript คุณสามารถออกจากข้อความรับรองของคุณในลิงค์นี้
ไม่จำเป็นต้องมีความรู้เกี่ยวกับการเขียนโปรแกรมมาก่อนเพื่อติดตามความท้าทายนี้ คุณต้องการเท่านั้น:
ฉันเชื่อว่าคุณมีแรงจูงใจและความปรารถนาอย่างแรงกล้าที่จะเป็นนักพัฒนาคอมพิวเตอร์และอินเทอร์เน็ต หากคุณมีสิ่งเหล่านี้คุณก็มีทุกอย่างที่จะเริ่มต้น
คุณอาจไม่จำเป็นต้องใช้ node.js ในตอนนี้ แต่คุณอาจต้องการมันในภายหลัง ติดตั้ง node.js
หลังจากดาวน์โหลดดับเบิลคลิกและติดตั้ง
เราสามารถตรวจสอบได้ว่าติดตั้งโหนดบนเครื่องในเครื่องของเราโดยเปิดเทอร์มินัลอุปกรณ์หรือพรอมต์คำสั่งของเรา
asabeneh $ node -v
v12.14.0เมื่อทำบทช่วยสอนนี้ฉันใช้โหนดเวอร์ชัน 12.14.0 แต่ตอนนี้ Node.js เวอร์ชันที่แนะนำสำหรับการดาวน์โหลดคือ v14.17.6 ตามเวลาที่คุณใช้วัสดุนี้คุณอาจมีเวอร์ชัน node.js ที่สูงขึ้น
มีเบราว์เซอร์มากมาย อย่างไรก็ตามฉันขอแนะนำ Google Chrome
ติดตั้ง Google Chrome หากคุณยังไม่มี เราสามารถเขียนรหัส JavaScript ขนาดเล็กบนคอนโซลเบราว์เซอร์ แต่เราไม่ได้ใช้คอนโซลเบราว์เซอร์เพื่อพัฒนาแอปพลิเคชัน
คุณสามารถเปิดคอนโซล Google Chrome ได้โดยคลิกสามจุดที่มุมบนขวาของเบราว์เซอร์เลือก เครื่องมือเพิ่มเติม -> เครื่องมือนักพัฒนาซอฟต์แวร์ หรือใช้แป้นพิมพ์ลัด ฉันชอบใช้ทางลัด
ในการเปิดคอนโซลโครเมี่ยมโดยใช้แป้นพิมพ์ลัด
Mac
Command+Option+J
Windows/Linux:
Ctl+Shift+J
หลังจากที่คุณเปิดคอนโซล Google Chrome ให้ลองสำรวจปุ่มที่ทำเครื่องหมายไว้ เราจะใช้เวลาส่วนใหญ่บนคอนโซล คอนโซลเป็นสถานที่ที่รหัส JavaScript ของคุณไป เครื่องยนต์ Google Console V8 เปลี่ยนรหัส JavaScript ของคุณเป็นรหัสเครื่อง ให้เราเขียนรหัส JavaScript บนคอนโซล Google Chrome:
เราสามารถเขียนรหัส JavaScript ใด ๆ บนคอนโซล Google หรือคอนโซลเบราว์เซอร์ใด ๆ อย่างไรก็ตามสำหรับความท้าทายนี้เรามุ่งเน้นไปที่ Google Chrome Console เท่านั้น เปิดคอนโซลโดยใช้:
Mac
Command+Option+I
Windows:
Ctl+Shift+I ในการเขียนรหัส JavaScript แรกของเราเราใช้ฟังก์ชัน คอนโซลในตัว () เราผ่านอาร์กิวเมนต์เป็นข้อมูลอินพุตและฟังก์ชั่นจะแสดงเอาต์พุต เราผ่าน 'Hello, World' เป็นข้อมูลอินพุตหรืออาร์กิวเมนต์ในฟังก์ชัน Console.log ()
console . log ( 'Hello, World!' ) ฟังก์ชั่น console.log() สามารถใช้พารามิเตอร์หลายตัวคั่นด้วยเครื่องหมายจุลภาค ไวยากรณ์มีลักษณะดังนี้: console.log(param1, param2, param3)
console . log ( 'Hello' , 'World' , '!' )
console . log ( 'HAPPY' , 'NEW' , 'YEAR' , 2020 )
console . log ( 'Welcome' , 'to' , 30 , 'Days' , 'Of' , 'JavaScript' ) อย่างที่คุณเห็นจากรหัสตัวอย่างด้านบน console.log() สามารถใช้หลายอาร์กิวเมนต์
ยินดีด้วย! คุณเขียนรหัส JavaScript แรกของคุณโดยใช้ console.log()
เราสามารถเพิ่มความคิดเห็นในรหัสของเรา ความคิดเห็นมีความสำคัญมากในการทำให้รหัสอ่านได้มากขึ้นและทิ้งคำพูดไว้ในรหัสของเรา JavaScript ไม่ได้เรียกใช้ส่วนความคิดเห็นของรหัสของเรา ใน JavaScript บรรทัดข้อความใด ๆ ที่เริ่มต้นด้วย // ใน JavaScript เป็นความคิดเห็นและสิ่งที่แนบมาเช่นนี้ // ก็เป็นความคิดเห็น
ตัวอย่าง: ความคิดเห็นบรรทัดเดียว
// This is the first comment
// This is the second comment
// I am a single line commentตัวอย่าง: ความคิดเห็นแบบหลายสาย
/*
This is a multiline comment
Multiline comments can take multiple lines
JavaScript is the language of the web
*/ ภาษาการเขียนโปรแกรมคล้ายกับภาษามนุษย์ ภาษาอังกฤษหรือภาษาอื่น ๆ ใช้คำวลีประโยคประโยคผสมและอื่น ๆ อีกมากมายเพื่อถ่ายทอดข้อความที่มีความหมาย ความหมายภาษาอังกฤษของไวยากรณ์คือ การจัดเรียงคำและวลีเพื่อสร้างประโยคที่มีรูปแบบที่ดีในภาษา คำจำกัดความทางเทคนิคของไวยากรณ์คือโครงสร้างของคำสั่งในภาษาคอมพิวเตอร์ ภาษาการเขียนโปรแกรมมีไวยากรณ์ JavaScript เป็นภาษาการเขียนโปรแกรมและเหมือนกับภาษาการเขียนโปรแกรมอื่น ๆ ที่มีไวยากรณ์ของตัวเอง หากเราไม่เขียนไวยากรณ์ที่ JavaScript เข้าใจมันจะเพิ่มข้อผิดพลาดประเภทต่างๆ เราจะสำรวจข้อผิดพลาดของ JavaScript ประเภทต่าง ๆ ในภายหลัง สำหรับตอนนี้ให้เราดูข้อผิดพลาดทางไวยากรณ์
ฉันทำผิดพลาดโดยเจตนา เป็นผลให้คอนโซลทำให้เกิดข้อผิดพลาดทางไวยากรณ์ ที่จริงแล้วไวยากรณ์นั้นให้ข้อมูลมาก มันแจ้งว่าประเภทของความผิดพลาดเกิดขึ้น โดยการอ่านแนวทางข้อเสนอแนะข้อผิดพลาดเราสามารถแก้ไขไวยากรณ์และแก้ไขปัญหาได้ กระบวนการระบุและลบข้อผิดพลาดจากโปรแกรมเรียกว่าการดีบัก ให้เราแก้ไขข้อผิดพลาด:
console . log ( 'Hello, World!' )
console . log ( 'Hello, World!' ) จนถึงตอนนี้เราเห็นวิธีการแสดงข้อความโดยใช้ console.log() หากเรากำลังพิมพ์ข้อความหรือสตริงโดยใช้ console.log() ข้อความจะต้องอยู่ในเครื่องหมายคำพูดเดียวคำพูดสองเท่าหรือ backtick ตัวอย่าง:
console . log ( 'Hello, World!' )
console . log ( "Hello, World!" )
console . log ( `Hello, World!` ) ตอนนี้ให้เราฝึกเขียนรหัส JavaScript เพิ่มเติมโดยใช้ console.log() บน Google Chrome Console สำหรับประเภทข้อมูลตัวเลข นอกเหนือจากข้อความแล้วเรายังสามารถทำการคำนวณทางคณิตศาสตร์โดยใช้ JavaScript ให้เราทำการคำนวณอย่างง่ายต่อไปนี้ เป็นไปได้ที่จะเขียนรหัส JavaScript บน Google Chrome Console สามารถโดยตรงได้โดยไม่ต้องใช้ฟังก์ชัน console.log() อย่างไรก็ตามมันรวมอยู่ในบทนำนี้เพราะความท้าทายส่วนใหญ่จะเกิดขึ้นในโปรแกรมแก้ไขข้อความที่การใช้งานฟังก์ชั่นจะต้องบังคับ คุณสามารถเล่นได้โดยตรงพร้อมกับคำแนะนำบนคอนโซล
console . log ( 2 + 3 ) // Addition
console . log ( 3 - 2 ) // Subtraction
console . log ( 2 * 3 ) // Multiplication
console . log ( 3 / 2 ) // Division
console . log ( 3 % 2 ) // Modulus - finding remainder
console . log ( 3 ** 2 ) // Exponentiation 3 ** 2 == 3 * 3เราสามารถเขียนรหัสของเราบนคอนโซลเบราว์เซอร์ แต่มันจะไม่เหมาะสำหรับโครงการที่ใหญ่กว่า ในสภาพแวดล้อมการทำงานจริงนักพัฒนาใช้โปรแกรมแก้ไขรหัสที่แตกต่างกันเพื่อเขียนรหัสของพวกเขา ใน 30 วันของการท้าทาย JavaScript เราจะใช้รหัส Visual Studio
Visual Studio Code เป็นตัวแก้ไขข้อความโอเพนซอร์ซยอดนิยม ฉันขอแนะนำให้ดาวน์โหลด Visual Studio Code แต่ถ้าคุณชอบบรรณาธิการคนอื่น ๆ อย่าลังเลที่จะติดตามสิ่งที่คุณมี
หากคุณติดตั้งรหัส Visual Studio ให้เราเริ่มใช้มัน
เปิดรหัส Visual Studio โดยคลิกสองครั้งที่ไอคอน เมื่อคุณเปิดมันคุณจะได้รับอินเทอร์เฟซประเภทนี้ พยายามโต้ตอบกับไอคอนที่มีป้ายกำกับ
JavaScript สามารถเพิ่มลงในเว็บเพจได้ในสามวิธีที่แตกต่างกัน:
ส่วนต่อไปนี้แสดงวิธีการต่าง ๆ ในการเพิ่มรหัส JavaScript ไปยังหน้าเว็บของคุณ
สร้างโฟลเดอร์โครงการบนเดสก์ท็อปของคุณหรือในสถานที่ใด ๆ ตั้งชื่อมัน 30daysofjs และสร้างไฟล์ index.html ในโฟลเดอร์โครงการ จากนั้นวางรหัสต่อไปนี้และเปิดในเบราว์เซอร์เช่น Chrome
<!DOCTYPE html >
< html lang =" en " >
< head >
< title > 30DaysOfScript:Inline Script </ title >
</ head >
< body >
< button onclick =" alert('Welcome to 30DaysOfJavaScript!') " > Click Me </ button >
</ body >
</ html > ตอนนี้คุณเพิ่งเขียนสคริปต์อินไลน์แรกของคุณ เราสามารถสร้างข้อความการแจ้งเตือนแบบป๊อปอัพโดยใช้ฟังก์ชั่น alert() ในตัว
สคริปต์ภายในสามารถเขียนได้ใน head หรือ body แต่มันเป็นที่ต้องการที่จะวางไว้ในร่างกายของเอกสาร HTML ก่อนอื่นให้เราเขียนบนส่วนหัวของหน้า
<!DOCTYPE html >
< html lang =" en " >
< head >
< title > 30DaysOfScript:Internal Script </ title >
< script >
console . log ( 'Welcome to 30DaysOfJavaScript' )
</ script >
</ head >
< body > </ body >
</ html > นี่คือวิธีที่เราเขียนสคริปต์ภายในตลอดเวลา การเขียนรหัส JavaScript ในส่วน Body เป็นตัวเลือกที่ต้องการมากที่สุด เปิดคอนโซลเบราว์เซอร์เพื่อดูเอาต์พุตจาก console.log()
<!DOCTYPE html >
< html lang =" en " >
< head >
< title > 30DaysOfScript:Internal Script </ title >
</ head >
< body >
< button onclick =" alert('Welcome to 30DaysOfJavaScript!'); " > Click Me </ button >
< script >
console . log ( 'Welcome to 30DaysOfJavaScript' )
</ script >
</ body >
</ html > เปิดคอนโซลเบราว์เซอร์เพื่อดูเอาต์พุตจาก console.log()
คล้ายกับสคริปต์ภายในลิงก์สคริปต์ภายนอกสามารถอยู่ที่ส่วนหัวหรือตัวตนได้ แต่เป็นที่ต้องการที่จะใส่ไว้ในร่างกาย ก่อนอื่นเราควรสร้างไฟล์ JavaScript ภายนอกด้วยส่วนขยาย. JS ไฟล์ทั้งหมดที่ลงท้ายด้วยส่วนขยาย. js เป็นไฟล์ JavaScript สร้างไฟล์ชื่อ Introduction.js ภายในไดเรกทอรีโครงการของคุณและเขียนรหัสต่อไปนี้และเชื่อมโยงไฟล์. js นี้ที่ด้านล่างของร่างกาย
console . log ( 'Welcome to 30DaysOfJavaScript' )สคริปต์ภายนอกใน หัว :
<!DOCTYPE html >
< html lang =" en " >
< head >
< title > 30DaysOfJavaScript:External script </ title >
< script src =" introduction.js " > </ script >
</ head >
< body > </ body >
</ html >สคริปต์ภายนอกใน ร่างกาย :
<!DOCTYPE html >
< html lang =" en " >
< head >
< title > 30DaysOfJavaScript:External script </ title >
</ head >
< body >
<!-- JavaScript external link could be in the header or in the body -->
<!-- Before the closing tag of the body is the recommended place to put the external JavaScript script -->
< script src =" introduction.js " > </ script >
</ body >
</ html > เปิดคอนโซลเบราว์เซอร์เพื่อดูเอาต์พุตของ console.log()
นอกจากนี้เรายังสามารถเชื่อมโยงไฟล์ JavaScript ภายนอกหลายไฟล์ไปยังหน้าเว็บ สร้างไฟล์ helloworld.js ภายในโฟลเดอร์ 30DaySoFJS และเขียนรหัสต่อไปนี้
console . log ( 'Hello, World!' ) <!DOCTYPE html >
< html lang =" en " >
< head >
< title > Multiple External Scripts </ title >
</ head >
< body >
< script src =" ./helloworld.js " > </ script >
< script src =" ./introduction.js " > </ script >
</ body >
</ html >ไฟล์ Main.js ของคุณควรอยู่ด้านล่างสคริปต์อื่น ๆ ทั้งหมด มันสำคัญมากที่จะต้องจำสิ่งนี้
ใน JavaScript และภาษาการเขียนโปรแกรมอื่น ๆ มีประเภทข้อมูลประเภทต่าง ๆ ต่อไปนี้เป็นประเภทข้อมูลดั้งเดิมของ JavaScript: สตริง, ตัวเลข, บูลีน, ไม่ได้กำหนด, โมฆะ และ สัญลักษณ์
คอลเลกชันของอักขระหนึ่งตัวหรือมากกว่าระหว่างสองคำพูดเดียวคำพูดสองเท่าหรือ backticks
ตัวอย่าง:
'a'
'Asabeneh'
"Asabeneh"
'Finland'
'JavaScript is a beautiful programming language'
'I love teaching'
'I hope you are enjoying the first day'
`We can also create a string using a backtick`
'A string could be just as small as one character or as big as many pages'
'Any data type under a single quote, double quote or backtick is a string'ค่าบูลีนเป็นจริงหรือเท็จ การเปรียบเทียบใด ๆ ส่งคืนค่าบูลีนซึ่งเป็นจริงหรือเท็จ
ชนิดข้อมูลบูลีนเป็นค่าจริงหรือเท็จ
ตัวอย่าง:
true // if the light is on, the value is true
false // if the light is off, the value is falseใน JavaScript ถ้าเราไม่กำหนดค่าให้กับตัวแปรค่าจะไม่ถูกกำหนด นอกจากนั้นหากฟังก์ชั่นไม่ได้ส่งคืนสิ่งใดมันจะกลับมาที่ไม่ได้กำหนด
let firstName
console . log ( firstName ) // undefined, because it is not assigned to a value yetnull ใน JavaScript หมายถึงค่าที่ว่างเปล่า
let emptyValue = null ในการตรวจสอบประเภทข้อมูลของตัวแปรที่แน่นอนเราใช้ตัวดำเนินการ ประเภทของ ดูตัวอย่างต่อไปนี้
console . log ( typeof 'Asabeneh' ) // string
console . log ( typeof 5 ) // number
console . log ( typeof true ) // boolean
console . log ( typeof null ) // object type
console . log ( typeof undefined ) // undefined โปรดจำไว้ว่าการแสดงความคิดเห็นใน JavaScript นั้นคล้ายกับภาษาการเขียนโปรแกรมอื่น ๆ ความคิดเห็นมีความสำคัญในการทำให้รหัสของคุณอ่านได้มากขึ้น มีสองวิธีในการแสดงความคิดเห็น:
// commenting the code itself with a single comment
// let firstName = 'Asabeneh'; single line comment
// let lastName = 'Yetayeh'; single line commentการแสดงความคิดเห็นแบบหลายเส้น:
/*
let location = 'Helsinki';
let age = 100;
let isMarried = true;
This is a Multiple line comment
*/ ตัวแปรเป็น คอนเทนเนอร์ ของข้อมูล ตัวแปรใช้เพื่อ จัดเก็บ ข้อมูลในตำแหน่งหน่วยความจำ เมื่อมีการประกาศตัวแปรตำแหน่งหน่วยความจำจะถูกสงวนไว้ เมื่อตัวแปรถูกกำหนดให้กับค่า (ข้อมูล) พื้นที่หน่วยความจำจะถูกเติมด้วยข้อมูลนั้น ในการประกาศตัวแปรเราใช้คำหลัก var , let หรือ const
สำหรับตัวแปรที่เปลี่ยนแปลงในเวลาที่แตกต่างกันเราใช้ LET หากข้อมูลไม่เปลี่ยนแปลงเลยเราจะใช้ const ตัวอย่างเช่น PI, ชื่อประเทศ, แรงโน้มถ่วงไม่เปลี่ยนแปลงและเราสามารถใช้ const เราจะไม่ใช้ VAR ในความท้าทายนี้และฉันไม่แนะนำให้คุณใช้มัน มันเป็นข้อผิดพลาดที่เกิดขึ้นได้ง่ายในการประกาศตัวแปรมีการรั่วไหลมากมาย เราจะพูดคุยเพิ่มเติมเกี่ยวกับ VAR, Let และ Const ในรายละเอียดในส่วนอื่น ๆ (ขอบเขต) สำหรับตอนนี้คำอธิบายข้างต้นก็เพียงพอแล้ว
ชื่อตัวแปร JavaScript ที่ถูกต้องจะต้องปฏิบัติตามกฎต่อไปนี้:
ต่อไปนี้เป็นตัวอย่างของตัวแปร JavaScript ที่ถูกต้อง
firstName
lastName
country
city
capitalCity
age
isMarried
first_name
last_name
is_married
capital_city
num1
num_1
_num_1
$num1
year2020
year_2020ตัวแปรแรกและตัวที่สองในรายการติดตามอนุสัญญาอูฐของการประกาศใน JavaScript ในวัสดุนี้เราจะใช้ตัวแปร Camelcase (CamelwithOneHump) เราใช้ Camelcase (Camelwithtwohump) เพื่อประกาศคลาสเราจะหารือเกี่ยวกับชั้นเรียนและวัตถุในส่วนอื่น ๆ
ตัวอย่างของตัวแปรที่ไม่ถูกต้อง:
first - name
1 _num
num_ # _1ให้เราประกาศตัวแปรที่มีชนิดข้อมูลที่แตกต่างกัน ในการประกาศตัวแปรเราต้องใช้คำหลัก let หรือ const ก่อนชื่อตัวแปร ตามชื่อตัวแปรเราเขียนเครื่องหมายเท่ากัน (ตัวดำเนินการที่ได้รับมอบหมาย) และค่า (ข้อมูลที่กำหนด)
// Syntax
let nameOfVariable = valueNameofVreative เป็นชื่อที่เก็บข้อมูลที่แตกต่างกันของค่า ดูตัวอย่างรายละเอียดด้านล่าง
ตัวอย่างของตัวแปรที่ประกาศ
// Declaring different variables of different data types
let firstName = 'Asabeneh' // first name of a person
let lastName = 'Yetayeh' // last name of a person
let country = 'Finland' // country
let city = 'Helsinki' // capital city
let age = 100 // age in years
let isMarried = true
console . log ( firstName , lastName , country , city , age , isMarried ) Asabeneh Yetayeh Finland Helsinki 100 true // Declaring variables with number values
let age = 100 // age in years
const gravity = 9.81 // earth gravity in m/s2
const boilingPoint = 100 // water boiling point, temperature in °C
const PI = 3.14 // geometrical constant
console . log ( gravity , boilingPoint , PI ) 9.81 100 3.14 // Variables can also be declaring in one line separated by comma, however I recommend to use a seperate line to make code more readble
let name = 'Asabeneh' , job = 'teacher' , live = 'Finland'
console . log ( name , job , live ) Asabeneh teacher Finlandเมื่อคุณเรียกใช้ไฟล์ index.html ในโฟลเดอร์ 01 วันคุณควรได้รับสิ่งนี้:
- คุณน่าทึ่งมาก! คุณเพิ่งเสร็จสิ้นการท้าทายวันที่ 1 และคุณกำลังเดินทางไปสู่ความยิ่งใหญ่ ตอนนี้ออกกำลังกายเพื่อสมองและกล้ามเนื้อของคุณ
เขียนความคิดเห็นบรรทัดเดียวซึ่งระบุ ว่าความคิดเห็นสามารถทำให้รหัสอ่านได้
เขียนความคิดเห็นเดียวที่บอกว่า ยินดีต้อนรับสู่ 30daysofjavascript
เขียน ความ คิดเห็น หลายสาย
สร้างไฟล์ Variable.js และประกาศตัวแปรและกำหนดสตริง, บูลีน, ชนิดข้อมูลที่ไม่ได้กำหนดและ null
สร้างไฟล์ datatypes.js และใช้ตัวดำเนินการ ประเภท JavaScript เพื่อตรวจสอบชนิดข้อมูลที่แตกต่างกัน ตรวจสอบประเภทข้อมูลของแต่ละตัวแปร
ประกาศตัวแปรสี่ตัวโดยไม่ต้องกำหนดค่า
ประกาศตัวแปรสี่ตัวที่มีค่าที่กำหนด
ประกาศตัวแปรเพื่อจัดเก็บชื่อนามสกุลสถานะการสมรสประเทศและอายุในหลายบรรทัด
ประกาศตัวแปรเพื่อจัดเก็บชื่อนามสกุลสถานะการสมรสประเทศและอายุในบรรทัดเดียวของคุณ
ประกาศสองตัวแปร myage และ ของคุณ และกำหนดค่าเริ่มต้นและบันทึกไปยังคอนโซลเบราว์เซอร์
I am 25 years old.
You are 30 years old.- ยินดีด้วย ! -
วันที่ 2 >>
