สูงสุด 100 Javaคำถามและคำตอบบทสัมภาษณ์ (2025)
Javaคำถามสัมภาษณ์บทภาพยนตร์สำหรับผู้เริ่มต้น
1 คืออะไร Javaสคริปต์?
Javaสคริปต์เป็นภาษาสคริปต์ด้านไคลเอนต์ที่ทรงประสิทธิภาพมาก Javaสคริปต์ใช้เพื่อปรับปรุงการโต้ตอบระหว่างผู้ใช้กับเว็บเพจ กล่าวอีกนัยหนึ่ง คุณสามารถทำให้เว็บเพจของคุณมีชีวิตชีวาและโต้ตอบได้มากขึ้นด้วยความช่วยเหลือของ Javaต้นฉบับ Javaสคริปต์ยังถูกนำมาใช้กันอย่างแพร่หลายในการพัฒนาเกมและการพัฒนาแอปพลิเคชันมือถือ
👉 ดาวน์โหลด PDF ฟรี: Javaคำถามและคำตอบบทสัมภาษณ์ >>
2. แจกแจงความแตกต่างระหว่าง Java และ Javaสคริปต์?
Java เป็นภาษาโปรแกรมที่สมบูรณ์ ในทางตรงกันข้าม Javaสคริปต์คือโปรแกรมที่เขียนโค้ดซึ่งสามารถนำไปใช้กับหน้า HTML ได้ ภาษาทั้งสองนี้ไม่ได้พึ่งพากันแต่อย่างใดและได้รับการออกแบบด้วยจุดประสงค์ที่แตกต่างกัน Java คือการเขียนโปรแกรมเชิงวัตถุ (OOPS) หรือภาษาโปรแกรมที่มีโครงสร้างเช่น C++ หรือ C ในขณะที่ Javaต้นฉบับ เป็นภาษาสคริปต์ฝั่งไคลเอ็นต์
3. อะไรบ้าง Javaประเภทข้อมูลสคริปต์?
ต่อไปนี้คือไฟล์ Javaประเภทข้อมูลสคริปต์:
- จำนวน
- เชือก
- บูลีน
- วัตถุ
- ตะคุ่ม
4. ฟังก์ชั่น isNaN มีประโยชน์อย่างไร?
ฟังก์ชัน isNan คืนค่าเป็นจริง หากอาร์กิวเมนต์ไม่ใช่ตัวเลข ในกรณีอื่นจะเป็นเท็จ
5.อันไหนเร็วกว่ากันระหว่าง Javaสคริปต์และสคริปต์ ASP?
Javaสคริปต์มีความเร็วมากขึ้น Javaสคริปต์เป็นภาษาฝั่งไคลเอนต์ ดังนั้นจึงไม่จำเป็นต้องใช้ความช่วยเหลือจากเว็บเซิร์ฟเวอร์ในการดำเนินการ ในทางกลับกัน ASP เป็นภาษาฝั่งเซิร์ฟเวอร์ ดังนั้นจึงช้ากว่าเสมอ Javaต้นฉบับ Javascript ตอนนี้เป็นภาษาฝั่งเซิร์ฟเวอร์ด้วย (nodejs)
6. อินฟินิตี้เชิงลบคืออะไร?
อินฟินิตี้เชิงลบคือตัวเลขใน Javaสคริปต์ที่สามารถได้มาจากการหารจำนวนลบด้วยศูนย์
7. เป็นไปได้ไหมที่จะแตกหัก Javaสคริปต์โค้ดเป็นหลายบรรทัด?
การแบ่งข้อความภายในคำสั่งสตริงสามารถทำได้โดยใช้เครื่องหมายแบ็กสแลช '\,' ที่ท้ายบรรทัดแรก
ตัวอย่าง:
document. Write ("This is \a program,");
และหากคุณเปลี่ยนเป็นบรรทัดใหม่เมื่อไม่อยู่ในคำสั่งสตริง JavaScript จะไม่สนใจตัวแบ่งบรรทัด
ตัวอย่าง:
var x=1, y=2, z= x+y;
โค้ดด้านบนนั้นใช้ได้อย่างสมบูรณ์ แม้ว่าจะไม่แนะนำก็ตาม เนื่องจากจะทำให้การดีบักเป็นอุปสรรค
8.บริษัทไหนพัฒนา Javaสคริปต์?
Netscape เป็นบริษัทซอฟต์แวร์ที่พัฒนาขึ้น Javaต้นฉบับ
9. ตัวแปรที่ไม่ได้ประกาศและไม่ได้กำหนดคืออะไร?
ตัวแปรที่ไม่ได้ประกาศคือตัวแปรที่ไม่มีอยู่ในโปรแกรมและไม่ได้ประกาศ หากโปรแกรมพยายามอ่านค่าของตัวแปรที่ไม่ได้ประกาศ จะพบข้อผิดพลาดรันไทม์
ตัวแปรที่ไม่ได้กำหนดคือตัวแปรที่ประกาศไว้ในโปรแกรมแต่ไม่ได้ให้ค่าใดๆ หากโปรแกรมพยายามอ่านค่าของตัวแปรที่ไม่ได้กำหนด ค่าที่ไม่ได้กำหนดจะถูกส่งกลับ
10. เขียนโค้ดเพื่อเพิ่มองค์ประกอบใหม่แบบไดนามิกหรือไม่?
<html> <head> <title>t1</title> <script type="text/javascript"> function addNode () { var newP = document. createElement("p"); var textNode = document.createTextNode(" This is a new text node"); newP.appendChild(textNode); document.getElementById("firstP").appendChild(newP); } </script> </head> <body> <p id="firstP">firstP<p> </body> </html>
11. ตัวแปรโกลบอลคืออะไร? ตัวแปรเหล่านี้ถูกประกาศอย่างไร?
ตัวแปรส่วนกลางมีอยู่ตลอดความยาวของโค้ดดังนั้นจึงไม่มีขอบเขต คีย์เวิร์ด var ใช้ในการประกาศตัวแปรหรืออ็อบเจ็กต์ภายในเครื่อง หากละเว้นคีย์เวิร์ด var ตัวแปรโกลบอลจะถูกประกาศ
ตัวอย่าง:
// ประกาศ global: globalVariable = “Test”;
ปัญหาที่เผชิญโดยการใช้ตัวแปรส่วนกลางคือการขัดแย้งกันของชื่อตัวแปรของขอบเขตท้องถิ่นและระดับโลก นอกจากนี้ เป็นการยากที่จะดีบักและทดสอบโค้ดที่อาศัยตัวแปรโกลบอล
12. กล่องแจ้งเตือนคืออะไร?
กล่องพร้อมท์คือกล่องที่ให้ผู้ใช้ป้อนข้อมูลโดยใส่ข้อความในกล่องข้อความ โดยจะมีป้ายกำกับและกล่องให้ใส่ข้อความหรือตัวเลข
13. คีย์เวิร์ด 'this' คืออะไร Javaสคริปต์?
คำหลัก 'นี่' หมายถึงวัตถุที่ถูกเรียก
14. การทำงานของตัวจับเวลาคืออะไร Javaสคริปต์?
ตัวจับเวลาใช้เพื่อรันโค้ดในเวลาที่กำหนดหรือทำซ้ำโค้ดในช่วงเวลาที่กำหนด ทำได้โดยใช้ฟังก์ชัน setTimeout, ตั้งค่าช่วง, และ ชัดเจนช่วงเวลา.
เทศกาล setTimeout (ฟังก์ชัน, ดีเลย์) ฟังก์ชันใช้เพื่อเริ่มจับเวลาที่เรียกใช้ฟังก์ชันเฉพาะหลังจากการหน่วงเวลาดังกล่าว ที่ setInterval (ฟังก์ชัน, ดีเลย์) ฟังก์ชั่นจะดำเนินการซ้ำฟังก์ชั่นที่กำหนดในความล่าช้าดังกล่าวและหยุดเมื่อยกเลิกเท่านั้น ที่ ช่วงเวลาที่ชัดเจน(id) ฟังก์ชั่นสั่งให้ตัวจับเวลาหยุด
ตัวจับเวลาทำงานภายในเธรดเดียว ดังนั้น เหตุการณ์อาจเข้าคิวรอที่จะถูกดำเนินการ
15. สัญลักษณ์ใดใช้แสดงความคิดเห็น Javascript?
// สำหรับความคิดเห็นบรรทัดเดียวและ
/* มัลติ
Line
Comment
*/
16. ViewState และ SessionState แตกต่างกันอย่างไร?
- 'ViewState' นั้นเฉพาะเจาะจงกับเพจในเซสชัน
- 'SessionState' เป็นข้อมูลเฉพาะของผู้ใช้ที่สามารถเข้าถึงได้จากทุกหน้าแอปพลิเคชันบนเว็บ
17. ตัวดำเนินการ === คืออะไร
=== เรียกว่าตัวดำเนินการความเท่าเทียมอย่างเคร่งครัด ซึ่งจะคืนค่าเป็นจริงเมื่อตัวดำเนินการทั้งสองมีค่าเท่ากันโดยไม่ได้แปลง
18. วิธีการส่งแบบฟอร์มโดยใช้ Javaสคริปต์?
หากต้องการส่งแบบฟอร์มโดยใช้ Javaการใช้สคริปต์
document.form[0].submit(); document.form[0].submit();
19. ทำ Javaสคริปต์รองรับการแปลงประเภทอัตโนมัติหรือไม่?
ใช่ Javaสคริปต์รองรับการแปลงประเภทอัตโนมัติ เป็นวิธีทั่วไปในการแปลงประเภทที่ใช้โดย Javaนักพัฒนาสคริปต์
20. สไตล์/คลาสขององค์ประกอบสามารถเปลี่ยนแปลงได้อย่างไร?
สามารถทำได้ดังนี้:
document.getElementById("myText"). style. fontSize = "20";
or
document. getElementById ("myText"). className = "anyclass";
21. วิธีการอ่านและเขียนไฟล์โดยใช้ Javaสคริปต์?
มีสองวิธีในการอ่านและเขียนไฟล์โดยใช้ Javaต้นฉบับ
- การใช้ Javaส่วนขยายสคริปต์
- การใช้เว็บเพจและวัตถุ Active X
22. โครงสร้างวนซ้ำทั้งหมดอยู่ในข้อใด Javaสคริปต์?
ต่อไปนี้เป็นโครงสร้างการวนซ้ำใน Javascript:
- สำหรับ
- ในขณะที่
- ทำในขณะที่ลูป
23. สิ่งที่เรียกว่าการพิมพ์แบบแปรผัน Javascript?
การพิมพ์ตัวแปรใช้เพื่อกำหนดตัวเลขให้กับตัวแปร สามารถกำหนดตัวแปรเดียวกันให้กับสตริงได้
ตัวอย่าง:
i = 10; i = "string;"
สิ่งนี้เรียกว่าการพิมพ์ตัวแปร
24. คุณจะแปลงสตริงของฐานใดๆ ให้เป็นจำนวนเต็มได้อย่างไร Javaสคริปต์?
ฟังก์ชัน parseInt() ใช้เพื่อแปลงตัวเลขระหว่างฐานที่แตกต่างกัน parseInt() รับสตริงที่จะแปลงเป็นพารามิเตอร์แรก พารามิเตอร์ที่สองคือฐานของสตริงที่กำหนด
ในการแปลง 4F (หรือฐาน 16) เป็นจำนวนเต็ม รหัสที่ใช้จะเป็น –
parseInt ("4F", 16);
25. ความแตกต่างระหว่าง “==” และ “===”?
“==” ตรวจสอบเฉพาะค่าความเท่าเทียมกัน ในขณะที่ “===” เป็นการทดสอบความเท่าเทียมกันที่เข้มงวดกว่า และส่งคืนค่าเท็จหากค่าหรือประเภทของตัวแปรทั้งสองต่างกัน
Javaคำถามสัมภาษณ์บทสำหรับผู้มีประสบการณ์
26. ผลลัพธ์ของ 3+2+”7″ จะเป็นอย่างไร?
เนื่องจาก 3 และ 2 เป็นจำนวนเต็ม จึงจะถูกบวกกันเป็นตัวเลข และเนื่องจาก 7 เป็นสตริง การต่อข้อมูลจึงจะเสร็จสิ้น ผลลัพธ์จะเป็น 57.
27. จะตรวจจับระบบปฏิบัติการบนเครื่องไคลเอนต์ได้อย่างไร?
เพื่อตรวจจับระบบปฏิบัติการบนเครื่องไคลเอนต์ ควรใช้สตริง (คุณสมบัติ) ของเนวิเกเตอร์แพลตฟอร์ม
28. NULL in คุณหมายถึงอะไร Javascript?
ค่า NULL ถูกใช้เพื่อแสดงค่าไม่มีหรือไม่มีวัตถุ มันบอกเป็นนัยว่าไม่มีวัตถุหรือสตริงว่าง ไม่มีค่าบูลีนที่ถูกต้อง ไม่มีตัวเลข และไม่มีวัตถุอาร์เรย์
29. ฟังก์ชันของตัวดำเนินการลบคืออะไร
คีย์เวิร์ด Delete ใช้เพื่อลบคุณสมบัติรวมถึงค่าของมัน
ตัวอย่าง
var student= {age:20, batch:"ABC"}; Delete student. age;
30. ค่าที่ไม่ได้กำหนดในคืออะไร Javaสคริปต์?
ค่าที่ไม่ได้กำหนดหมายถึง
- ไม่มีตัวแปรที่ใช้ในโค้ดนี้
- ตัวแปรไม่ได้ถูกกำหนดให้กับค่าใดๆ
- ไม่มีคุณสมบัติอยู่
31. กล่องป๊อปอัพมีกี่ประเภท Javaสคริปต์?
- เตือนภัย
- ยืนยันและ
- รวดเร็ว
32. Void (0) มีประโยชน์อย่างไร?
Void(0) ใช้เพื่อป้องกันไม่ให้เพจรีเฟรช และส่งพารามิเตอร์ "ศูนย์" ขณะโทร
Void(0) ใช้เพื่อเรียกวิธีอื่นโดยไม่ต้องรีเฟรชเพจ
33. เพจจะถูกบังคับให้โหลดเพจอื่นเข้ามาได้อย่างไร Javaสคริปต์?
ต้องแทรกโค้ดต่อไปนี้เพื่อให้ได้ผลลัพธ์ที่ต้องการ:
<script language="JavaScript" type="text/javascript" > <!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>
34. ข้อมูลของตัวแปรอยู่ในประเภทใด Javaสคริปต์?
ตัวแปรทั้งหมดใน Javaสคริปต์เป็นชนิดข้อมูลของวัตถุ
35. ความแตกต่างระหว่างกล่องแจ้งเตือนกับกล่องยืนยันคืออะไร?
กล่องการแจ้งเตือนจะแสดงปุ่มเพียงปุ่มเดียวคือปุ่ม OK
แต่กล่องการยืนยันจะแสดงปุ่มสองปุ่มคือตกลงและยกเลิก
36. อักขระหลีกคืออะไร?
อักขระเอสเคป (แบ็กสแลช) จะใช้เมื่อทำงานกับอักขระพิเศษ เช่น เครื่องหมายคำพูดเดี่ยว เครื่องหมายคำพูดคู่ เครื่องหมายอะพอสทรอฟี และเครื่องหมายแอมเปอร์แซนด์ วางแบ็กสแลชไว้ก่อนอักขระเพื่อให้แสดง
ตัวอย่าง:
document. write "I m a "good" boy." document. write "I m a \"good\" boy."
37. อะไรบ้าง Javaคุกกี้สคริปต์?
คุกกี้ เป็นไฟล์ทดสอบขนาดเล็กที่เก็บไว้ในคอมพิวเตอร์ และไฟล์เหล่านี้จะถูกสร้างขึ้นเมื่อผู้ใช้เยี่ยมชมเว็บไซต์เพื่อจัดเก็บข้อมูลที่ต้องการ ตัวอย่างเช่น รายละเอียดชื่อผู้ใช้และข้อมูลตะกร้าสินค้าจากการเยี่ยมชมครั้งก่อนๆ
38. มีวิธี pop() อะไรเช่นนี้ Javaสคริปท์คืออะไร?
วิธี pop() จะคล้ายกับวิธี shift() แต่ความแตกต่างก็คือ Shift วิธีการทำงานเมื่อเริ่มต้นอาร์เรย์ pop() วิธีการนำองค์ประกอบสุดท้ายออกจากอาร์เรย์ที่กำหนดและส่งกลับ อาร์เรย์ที่เรียกว่าจะมีการเปลี่ยนแปลง
ตัวอย่าง:
var cloths = ["Shirt", "Pant", "TShirt"]; cloths.pop(); //Now cloth becomes Shirt,Pant
39. ทำ Javaสคริปต์มีขอบเขตระดับแนวคิดหรือไม่?
ลำดับ Javaสคริปต์ไม่มีขอบเขตในระดับแนวคิด ตัวแปรที่ประกาศภายในฟังก์ชันมีขอบเขตภายในฟังก์ชัน
40. อะไรคือข้อเสียของการใช้ innerHTML Javaสคริปต์?
หากคุณใช้ innerHTML ใน Javaสคริปท์ ข้อเสียคือ
- เนื้อหาถูกแทนที่ทุกที่
- เราไม่สามารถใช้มันแบบ “ต่อท้าย innerHTML ได้
- แม้ว่าคุณจะใช้ +=like “innerHTML = innerHTML + 'html'” เนื้อหาเก่าก็ถูกแทนที่ด้วย html
- เนื้อหา innerHTML ทั้งหมดจะถูกแยกวิเคราะห์ใหม่และสร้างเป็นองค์ประกอบ ดังนั้นจึงช้ากว่ามาก
- innerHTML ไม่มีการตรวจสอบความถูกต้อง ดังนั้นเราจึงสามารถแทรก HTML ที่ถูกต้องและใช้งานไม่ได้ในเอกสารและทำลายมันได้
41. คำสั่ง break and Continue คืออะไร?
คำสั่งแบ่งออกจากวงปัจจุบัน
คำสั่ง Continue ดำเนินต่อไปด้วยคำสั่งถัดไปของลูป
42. ประเภทข้อมูลพื้นฐานสองกลุ่มอยู่ในข้อใด Javaสคริปต์?
- พวกเขาเป็นเหมือน-ดั้งเดิม
- ประเภทการอ้างอิง
ประเภทดั้งเดิมคือประเภทข้อมูลตัวเลขและบูลีน ประเภทข้อมูลอ้างอิงเป็นประเภทที่ซับซ้อนกว่า เช่น สตริงและวันที่
43. วัตถุทั่วไปสามารถสร้างขึ้นได้อย่างไร?
วัตถุทั่วไปสามารถสร้างได้ดังนี้:
var I = new object();
44. การใช้ตัวดำเนินการประเภทใด
'Typeof' คือตัวดำเนินการที่ใช้ในการส่งคืนคำอธิบายสตริงของชนิดของตัวแปร
45. คำสำคัญใดที่ใช้ในการจัดการข้อยกเว้น?
ลอง… Catch—ในที่สุดก็ใช้เพื่อจัดการกับข้อยกเว้นใน Javaต้นฉบับ
Try{ Code } Catch(exp){ Code to throw an exception. } Finally{ Code runs either it finishes successfully or after catch }
46. คำสำคัญใดใช้พิมพ์ข้อความบนหน้าจอ?
เอกสาร. เขียน (“ยินดีต้อนรับ”) ใช้เพื่อพิมพ์ข้อความ–ยินดีต้อนรับบนหน้าจอ
47. ฟังก์ชั่นเบลอมีประโยชน์อย่างไร?
ฟังก์ชั่น Blur ใช้เพื่อลบโฟกัสออกจากวัตถุที่ระบุ
48. การพิมพ์ตัวแปรคืออะไร?
การพิมพ์ตัวแปรจะกำหนดตัวเลขให้กับตัวแปร จากนั้นจึงกำหนดสตริงให้กับตัวแปรเดียวกัน ตัวอย่างมีดังนี้:
i= 8; i="john";
49. วิธีการค้นหาระบบปฏิบัติการในเครื่องไคลเอนต์โดยใช้ Javaสคริปต์?
เทศกาล 'Navigator เวอร์ชันแอปนี้ใช้เพื่อค้นหาชื่อระบบปฏิบัติการในเครื่องไคลเอนต์
50. ข้อผิดพลาดประเภทต่าง ๆ มีอะไรบ้าง Javaสคริปต์?
ข้อผิดพลาดมีสามประเภท:
- ข้อผิดพลาดเวลาในการโหลด: ข้อผิดพลาดที่เกิดขึ้นเมื่อโหลดหน้าเว็บ เช่น ข้อผิดพลาดทางไวยากรณ์ที่ไม่เหมาะสม เรียกว่าข้อผิดพลาดเวลาโหลดและสร้างข้อผิดพลาดแบบไดนามิก
- ข้อผิดพลาดรันไทม์: ข้อผิดพลาดที่เกิดจากการใช้คำสั่งภายในภาษา HTML ในทางที่ผิด
- ข้อผิดพลาดทางตรรกะ:นี่คือข้อผิดพลาดที่เกิดขึ้นเนื่องจากตรรกะที่ไม่ดีที่ดำเนินการกับฟังก์ชันที่มีการดำเนินการที่แตกต่างกัน
Javaคำถามสัมภาษณ์บทสำหรับประสบการณ์ 5 ปี
51. การใช้วิธี Push มีอะไรบ้าง Javaสคริปต์?
วิธีการพุชใช้เพื่อเพิ่มหรือผนวกองค์ประกอบตั้งแต่หนึ่งรายการขึ้นไปที่จุดสิ้นสุดของอาร์เรย์ เมื่อใช้วิธีนี้ เราสามารถผนวกหลายองค์ประกอบโดยส่งผ่านอาร์กิวเมนต์หลายตัว
52. วิธีการ unshift คืออะไร Javaสคริปต์?
วิธีการ Unshift นั้นเหมือนกับวิธีการ push ซึ่งทำงานในช่วงเริ่มต้นของ แถว- วิธีการนี้ใช้เพื่อเติมองค์ประกอบตั้งแต่หนึ่งองค์ประกอบขึ้นไปที่จุดเริ่มต้นของอาร์เรย์
53.ความแตกต่างระหว่าง JavaScript และ Jscript?
ทั้งสองเกือบจะคล้ายกัน พัฒนา Netscape และ Jscript Javaสคริปต์ถูกพัฒนาโดย Microsoft.
54. คุณสมบัติอ็อบเจ็กต์ถูกกำหนดอย่างไร?
คุณสมบัติจะถูกกำหนดให้กับวัตถุในลักษณะต่อไปนี้ –
obj ["class"] = 12; or obj.class = 12;
55. 'โหมดเข้มงวดคืออะไร' Javaสคริปต์ และจะเปิดใช้งานได้อย่างไร?
โหมดเข้มงวดจะเพิ่มการบังคับบางอย่าง Javaสคริปต์ ภายใต้โหมดเคร่งครัด Javaสคริปต์จะแสดงข้อผิดพลาดสำหรับโค้ดบางส่วนซึ่งไม่เคยแสดงข้อผิดพลาดมาก่อน แต่โค้ดดังกล่าวอาจสร้างปัญหาและไม่ปลอดภัยได้ โหมดเข้มงวดยังช่วยแก้ไขข้อผิดพลาดบางอย่างที่ขัดขวางการทำงานอีกด้วย Javaสคริปต์เครื่องยนต์ทำงานอย่างมีประสิทธิภาพ
คุณสามารถเปิดใช้งานโหมดเข้มงวดได้โดยการเพิ่มสตริงตามตัวอักษร “use strict” เหนือไฟล์ นี้สามารถอธิบายได้จากตัวอย่างที่ให้มา:
function myfunction() { "use strict;" var v = "This is a strict mode function"; }
56. จะขอรับสถานะเช็คได้อย่างไรBox?
สถานะสามารถรับได้ดังนี้ –
alert(document.getElementById('checkbox1').checked);
ถ้าเป็นเช็คBox ถูกเลือก การแจ้งเตือนนี้จะคืนค่า TRUE
57. สามารถตรวจพบ OS ของเครื่องไคลเอนต์ได้อย่างไร?
สตริง navigator.appVersion สามารถใช้เพื่อตรวจจับระบบปฏิบัติการบนเครื่องไคลเอนต์ได้
58. window.onload และ onDocumentReady คืออะไร?
ฟังก์ชัน onload จะไม่ทำงานจนกว่าจะโหลดข้อมูลทั้งหมดในเพจ สิ่งนี้นำไปสู่ความล่าช้าอย่างมากก่อนที่โค้ดใดๆ จะถูกดำเนินการ
onDocumentReady โหลดโค้ดหลังจากโหลด DOM แล้ว ซึ่งช่วยให้สามารถจัดการโค้ดได้ตั้งแต่เนิ่นๆ
59. การปิดทำงานอย่างไร Javaสคริปต์?
การปิดเป็นตัวแปรที่ประกาศในเครื่องที่เกี่ยวข้องกับฟังก์ชันที่อยู่ในหน่วยความจำเมื่อส่งคืน
ตัวอย่างเช่น:
function greet(message) { console.log(message); } function greeter(name, age) { return name + " says howdy!! He is " + age + " years old"; } // Generate the message var message = greeter("James", 23); // Pass it explicitly to greet greet(message); This function can be better represented by using closures function greeter(name, age) { var message = name + " says howdy!! He is " + age + " years old"; return function greet() { console.log(message); }; } // Generate the closure var JamesGreeter = greeter("James", 23); // Use the closure JamesGreeter();
60. สามารถผนวกค่าเข้ากับอาร์เรย์ได้อย่างไร?
ค่าสามารถต่อท้ายอาร์เรย์ในลักษณะที่กำหนด -
arr[arr.length] = value;
61. for-in loop in คืออะไร Javascript?
for-in loop ใช้เพื่อวนซ้ำคุณสมบัติของวัตถุ
ไวยากรณ์สำหรับ for-in loop คือ –
for (variable name in object){ statement or block to execute }
ในการทำซ้ำแต่ละครั้ง คุณสมบัติหนึ่งจากออบเจ็กต์จะเชื่อมโยงกับชื่อตัวแปร การวนซ้ำจะดำเนินต่อไปจนกว่าคุณสมบัติของวัตถุจะหมดลง
62. คุณสมบัติที่สำคัญของฟังก์ชันที่ไม่ระบุตัวตนคืออะไร Javaสคริปต์?
ฟังก์ชันที่ประกาศโดยไม่มีตัวระบุชื่อใด ๆ เรียกว่าฟังก์ชันที่ไม่ระบุชื่อ โดยทั่วไป ฟังก์ชั่นที่ไม่ระบุชื่อจะไม่สามารถเข้าถึงได้หลังจากการประกาศ
การประกาศฟังก์ชันที่ไม่ระบุชื่อ –
var anon = function() { alert('I am anonymous'); }; anon();
63. .call() และ .apply() ต่างกันอย่างไร?
ฟังก์ชัน .call() และ .apply() มีการใช้งานคล้ายกันมาก ยกเว้นความแตกต่างเล็กน้อย .call() ถูกใช้เมื่อโปรแกรมเมอร์ทราบจำนวนอาร์กิวเมนต์ของฟังก์ชัน เนื่องจากต้องระบุเป็นอาร์กิวเมนต์ในคำสั่ง call ในทางกลับกัน .apply() จะใช้เมื่อไม่ทราบหมายเลข ฟังก์ชัน .apply() คาดว่าอาร์กิวเมนต์จะเป็นอาร์เรย์
ความแตกต่างพื้นฐานระหว่าง .call() และ .apply() อยู่ที่วิธีการส่งผ่านอาร์กิวเมนต์ไปยังฟังก์ชัน การใช้งานสามารถอธิบายได้จากตัวอย่างที่ให้มา
var someObject = { myProperty : 'Foo', myMethod : function(prefix, postfix) { alert(prefix + this.myProperty + postfix); } }; someObject.myMethod('<', '>'); // alerts '<Foo>' var someOtherObject = { myProperty : 'Bar.' }; someObject.myMethod.call(someOtherObject, '<', '>'); // alerts '<Bar>' someObject.myMethod.apply(someOtherObject, ['<', '>']); // alerts '<Bar>'
64. เหตุการณ์เดือดพล่านคืออะไร?
Javaสคริปต์อนุญาตให้องค์ประกอบ DOM ซ้อนกันได้ ในกรณีเช่นนี้ หากคลิกตัวจัดการขององค์ประกอบย่อย ตัวจัดการขององค์ประกอบหลักก็จะทำงานเหมือนกับว่าถูกคลิกด้วยเช่นกัน
65. คือ Javaสคริปต์ต้องตรงตามตัวพิมพ์ใหญ่-เล็กไหม? ยกตัวอย่างให้ดู
ใช่ Javaสคริปต์จะคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ตัวอย่างเช่น ฟังก์ชัน parseInt ไม่เหมือนกับฟังก์ชัน Parseint
66. ตัวดำเนินการบูลีนใดที่สามารถใช้ได้ Javaสคริปต์?
'และ' Operaทอร์ (&&), 'หรือ' Operator (||) และ 'ไม่' Operator (!) สามารถใช้ใน Javaต้นฉบับ
*Operaทอร์ไม่มีวงเล็บ
67. เฟรมใดเฟรมหนึ่งสามารถกำหนดเป้าหมายจากไฮเปอร์ลิงก์ได้อย่างไร Javaสคริปต์?
ซึ่งสามารถทำได้โดยการรวมชื่อของเฟรมที่ต้องการในไฮเปอร์ลิงก์โดยใช้แอตทริบิวต์ 'เป้าหมาย'
<a href="/th/newpage.htm" target="newframe">>New Page</a>
68. บทบาทของคำสั่ง break และ Continue คืออะไร?
คำสั่ง break ใช้เพื่อออกจากลูปปัจจุบัน ในทางตรงกันข้าม คำสั่ง Continue ยังคงวนซ้ำปัจจุบันพร้อมกับการเกิดซ้ำใหม่
69. เขียนจุดแตกต่างระหว่างสวนเว็บและเว็บฟาร์มไหม?
ทั้งเว็บสวนและเว็บฟาร์มเป็นระบบเว็บโฮสติ้ง ข้อแตกต่างเพียงอย่างเดียวคือ web-garden เป็นการตั้งค่าที่รวมโปรเซสเซอร์จำนวนมากไว้ในเซิร์ฟเวอร์เดียว ในขณะเดียวกัน web-farm ก็เป็นการตั้งค่าที่ใหญ่กว่าซึ่งใช้เซิร์ฟเวอร์มากกว่าหนึ่งเครื่อง
70. คุณสมบัติอ็อบเจ็กต์ถูกกำหนดอย่างไร?
การกำหนดคุณสมบัติให้กับอ็อบเจ็กต์นั้นทำได้ในลักษณะเดียวกับการกำหนดค่าให้กับตัวแปร ตัวอย่างเช่น ค่าแอ็คชันของอ็อบเจ็กต์ฟอร์มจะถูกกำหนดเป็น 'submit' ในลักษณะต่อไปนี้ – Document.form.action=”submit”
71. วิธีการอ่านและเขียนไฟล์มีอะไรบ้าง Javaสคริปต์?
ซึ่งสามารถทำได้โดยการใช้ Javaส่วนขยายสคริปต์ (รันจาก JavaScript Editor) เช่น สำหรับการเปิดไฟล์
fh = fopen(getScriptPath(), 0);
72. DOM ถูกนำมาใช้อย่างไร Javaสคริปต์?
DOM ย่อมาจาก Document Object Model และมีหน้าที่รับผิดชอบในการโต้ตอบระหว่างวัตถุต่างๆ ในเอกสาร DOM จำเป็นสำหรับการพัฒนาเว็บเพจ ซึ่งรวมถึงวัตถุต่างๆ เช่น ย่อหน้า ลิงก์ เป็นต้น วัตถุเหล่านี้สามารถทำงานเพื่อรวมการดำเนินการต่างๆ เช่น เพิ่มหรือลบ นอกจากนี้ DOM ยังจำเป็นสำหรับการเพิ่มความสามารถพิเศษให้กับเว็บเพจอีกด้วย นอกจากนี้ การใช้ API ยังให้ข้อได้เปรียบเหนือโมเดลอื่นๆ ที่มีอยู่
73. ตัวจัดการเหตุการณ์ถูกนำมาใช้อย่างไร Javaสคริปต์?
เหตุการณ์คือการกระทำที่เป็นผลมาจากกิจกรรม เช่น การคลิกลิงก์หรือการกรอกแบบฟอร์มโดยผู้ใช้ จำเป็นต้องมีตัวจัดการเหตุการณ์เพื่อจัดการการดำเนินการที่เหมาะสมของเหตุการณ์เหล่านี้ทั้งหมด ตัวจัดการเหตุการณ์เป็นคุณลักษณะพิเศษของวัตถุ แอตทริบิวต์นี้ประกอบด้วยชื่อของเหตุการณ์และการดำเนินการที่เกิดขึ้นหากเหตุการณ์เกิดขึ้น
74. บทบาทของสคริปต์ที่เลื่อนออกไปคืออะไร Javaสคริปต์?
การแยกวิเคราะห์โค้ด HTML ระหว่างการโหลดหน้าจะถูกหยุดชั่วคราวตามค่าเริ่มต้นจนกว่าสคริปต์จะไม่หยุดดำเนินการ หากเซิร์ฟเวอร์ทำงานช้าหรือสคริปต์ทำงานหนักเกินไป หน้าเว็บก็จะล่าช้า
ในขณะที่ใช้ Deferred สคริปต์จะทำการเลื่อนการทำงานของสคริปต์ออกไปจนกว่าตัวแยกวิเคราะห์ HTML จะทำงาน ซึ่งจะช่วยลดเวลาในการโหลดหน้าเว็บและแสดงผลได้เร็วขึ้น
75. องค์ประกอบการทำงานต่างๆ มีอะไรบ้าง Javaสคริปต์?
ส่วนประกอบการทำงานที่แตกต่างกันใน Javaสคริปต์คือ-
- ฟังก์ชั่นชั้นหนึ่ง: ฟังก์ชั่นใน Javaสคริปต์ถูกใช้เป็นอ็อบเจ็กต์ระดับเฟิร์สคลาส ซึ่งโดยปกติแล้วหมายถึงฟังก์ชันเหล่านี้สามารถส่งผ่านเป็นอาร์กิวเมนต์ไปยังฟังก์ชันอื่น ส่งกลับเป็นค่าจากฟังก์ชันอื่น กำหนดให้กับตัวแปร หรือสามารถเก็บไว้ในโครงสร้างข้อมูลได้
- ฟังก์ชันที่ซ้อนกัน: ฟังก์ชันต่างๆ ที่กำหนดไว้ภายในฟังก์ชันอื่นๆ เรียกว่าฟังก์ชันที่ซ้อนกัน เรียกว่า 'ทุกครั้งที่เรียกใช้ฟังก์ชันหลัก'
76. เขียนเกี่ยวกับข้อผิดพลาดที่แสดงใน Javaสคริปต์?
Javaสคริปต์จะแสดงข้อความราวกับว่าพบข้อผิดพลาด ข้อผิดพลาดที่ตรวจพบคือ –
- ข้อผิดพลาดเวลาโหลด: ข้อผิดพลาดที่แสดงในขณะที่โหลดหน้าเว็บจะนับอยู่ภายใต้ข้อผิดพลาดเวลาโหลด การใช้ไวยากรณ์ที่ไม่เหมาะสมพบข้อผิดพลาดเหล่านี้ และตรวจพบได้ในขณะที่กำลังโหลดเพจ
- ข้อผิดพลาดรันไทม์: นี่คือข้อผิดพลาดที่เกิดขึ้นในขณะที่โปรแกรมกำลังทำงาน ตัวอย่างเช่น การดำเนินการที่ไม่ถูกต้องทำให้มีการหารตัวเลขด้วยศูนย์หรือเข้าถึงพื้นที่ที่ไม่มีอยู่จริงในหน่วยความจำ
- ข้อผิดพลาดทางลอจิก: มีสาเหตุมาจากโค้ดที่ถูกต้องทางวากยสัมพันธ์ ซึ่งไม่ตอบสนองงานที่ต้องการ เช่น การวนซ้ำไม่สิ้นสุด
77. วัตถุบนหน้าจอคืออะไร?
วัตถุหน้าจอใช้ในการอ่านข้อมูลจากหน้าจอของลูกค้า คุณสมบัติของวัตถุหน้าจอคือ –
- AvailHeight: กำหนดความสูงของหน้าจอไคลเอ็นต์
- AvailWidth: กำหนดความกว้างของหน้าจอไคลเอ็นต์
- ความลึกของสี: ให้ความลึกของบิตของภาพบนหน้าจอไคลเอ็นต์
- ความสูง: ให้ความสูงรวมของหน้าจอไคลเอ็นต์ รวมถึงแถบงานด้วย
- ความกว้าง: ให้ความกว้างทั้งหมดของหน้าจอไคลเอ็นต์ รวมถึงแถบงานด้วย
78. วิธี unshift() คืออะไร?
เมธอดนี้ใช้ได้ตั้งแต่ตอนเริ่มต้นอาร์เรย์ ซึ่งแตกต่างจากการกด () จะเพิ่มจำนวนองค์ประกอบที่ต้องการที่ด้านบนของอาร์เรย์ ตัวอย่างเช่น -
var name = [ "john" ]; name.unshift( "charlie" ); name.unshift( "joseph", "Jane" ); console.log(name);
ผลลัพธ์แสดงไว้ด้านล่าง:
[" joseph ,"," Jane ,", " charlie ", " john "]
79. ฟังก์ชัน unescape() และ Escape() คืออะไร?
ฟังก์ชัน Escape () มีหน้าที่รับผิดชอบในการเข้ารหัสสตริงเพื่อถ่ายโอนข้อมูลจากคอมพิวเตอร์เครื่องหนึ่งไปยังอีกเครื่องหนึ่งผ่านเครือข่าย
ตัวอย่างเช่น:
<script> document.write(escape("Hello? How are you!")); </script>
Output: Hello%3F%20How%20are%20you%21
ฟังก์ชัน unescape() มีความสำคัญมากเนื่องจากจะถอดรหัสสตริงที่เข้ารหัส
มันทำงานในลักษณะต่อไปนี้ ตัวอย่างเช่น:
<script> document.write(unescape("Hello%3F%20How%20are%20you%21")); </script>
Output: สวัสดี? คุณเป็นอย่างไร!
80. decodeURI() และ encodeURI() คืออะไร?
EncodeURl() ใช้ในการแปลง URL เป็นรหัสฐานสิบหก และ DecodeURI() ใช้เพื่อแปลง URL ที่เข้ารหัสกลับมาเป็นปกติ
<script> var uri="my test.asp?name=ståle&car=saab"; document.write(encodeURI(uri)+ "<br>"); document.write(decodeURI(uri)); </script>
เอาต์พุต -
%20test.asp?name=st%C3%A5le&car=saab ของฉัน
test.asp?name=ståle&car=saab ของฉัน
Javaคำถามสัมภาษณ์สคริปต์สำหรับประสบการณ์ 10+ ปี
81. ทำไมคุณไม่ควรใช้ innerHTML Javaสคริปต์?
เนื้อหา innerHTML จะถูกรีเฟรชทุกครั้ง ดังนั้นจึงช้าลง ไม่มีขอบเขตสำหรับการตรวจสอบความถูกต้องใน innerHTML ดังนั้นจึงง่ายกว่าที่จะแทรกรหัสโกงในเอกสารและทำให้หน้าเว็บไม่เสถียร
82. ข้อความต่อไปนี้ประกาศถึงอะไร?
var myArray = [[[]]];
ประกาศอาร์เรย์สามมิติ
83.เป็นอย่างไรบ้าง Javaสคริปต์และสคริปต์ ECMA เกี่ยวข้องกันหรือไม่?
ECMA Script ก็เหมือนกับกฎและแนวปฏิบัติในขณะที่ Javascript เป็นภาษาสคริปต์ที่ใช้สำหรับการพัฒนาเว็บ
84. เนมสเปซคืออะไร Javaสคริปต์ และใช้ยังไง?
เนมสเปซใช้สำหรับจัดกลุ่มฟังก์ชัน ตัวแปร ฯลฯ ที่ต้องการภายใต้ชื่อเฉพาะ เป็นชื่อที่แนบกับฟังก์ชัน วัตถุ และคุณสมบัติที่ต้องการ สิ่งนี้ช่วยปรับปรุงความเป็นโมดูลในการเข้ารหัสและช่วยให้สามารถนำโค้ดกลับมาใช้ใหม่ได้
85. ทำได้อย่างไร Javaโค้ดสคริปต์จะถูกซ่อนจากเบราว์เซอร์รุ่นเก่าที่ไม่รองรับ Javaสคริปต์?
สำหรับการซ่อนตัว Javaโค้ดสคริปต์จากเบราว์เซอร์รุ่นเก่า:
เพิ่ม " แท็ก
เพิ่ม “//–>” โดยไม่ต้องใส่เครื่องหมายคำพูดในโค้ดข้างหน้า tag.
เบราว์เซอร์รุ่นเก่าจะจัดการกับสิ่งนี้ Javaโค้ดสคริปต์เป็นคอมเมนต์ HTML ยาวๆ ในขณะที่เบราว์เซอร์ที่รองรับ Javaสคริปต์จะใช้เวลา “ ” เป็นความคิดเห็นบรรทัดเดียว
86. วิธีใช้ลูปอิน Javaสคริปต์?
การวนซ้ำมีประโยชน์เมื่อคุณรันโค้ดบรรทัดเดียวกันซ้ำๆ ตามจำนวนครั้งที่กำหนด หรือตราบเท่าที่เงื่อนไขเฉพาะเป็นจริง สมมติว่าคุณต้องการพิมพ์ข้อความ 'สวัสดี' 100 ครั้งบนหน้าเว็บของคุณ แน่นอนคุณจะต้องคัดลอกและวางบรรทัดเดียวกัน 100 ครั้ง แต่หากคุณใช้ลูป คุณสามารถทำงานนี้ให้เสร็จสิ้นได้ภายใน 3 หรือ 4 บรรทัดเท่านั้น
87. วิธีใช้ลูปใน Javascript?
โดยทั่วไปแล้วลูปจะมีสี่ประเภท Javaต้นฉบับ
สำหรับห่วง
for/in a loop (อธิบายภายหลัง)
ในขณะที่วนซ้ำ
ทำ...ในขณะที่วนซ้ำ
สำหรับห่วง
ไวยากรณ์:
for(statement1; statement2; statment3) { lines of code to be executed }
- Statement1 จะถูกดำเนินการก่อน แม้กระทั่งก่อนที่จะรันโค้ดการวนซ้ำก็ตาม ดังนั้น โดยปกติคำสั่งนี้จะใช้เพื่อกำหนดค่าให้กับตัวแปรที่ใช้ภายในลูป
- คำสั่งที่ 2 เป็นเงื่อนไขในการดำเนินการ ห่วง.
- คำสั่ง 3 จะถูกดำเนินการทุกครั้งหลังจากดำเนินการโค้ดวนซ้ำ
<html> <head> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); document.write("<b>Using for loops </b><br />"); for (i=0;i<students.length;i++) { document.write(students[i] + "<br />"); } </script> </head> <body> </body> </html>
ในขณะที่วนซ้ำ
ไวยากรณ์:
while(condition) { lines of code to be executed }
ลูป while จะถูกดำเนินการตราบใดที่เงื่อนไขที่ระบุเป็นจริง ภายในลูป while คุณควรใส่คำสั่งที่จะยุติลูปในบางจุดในเวลา มิฉะนั้น ลูปของคุณจะไม่สิ้นสุดและเบราว์เซอร์ของคุณอาจขัดข้อง
ทำ...ในขณะที่วนซ้ำ
ไวยากรณ์:
<pre> do { block of code to be executed } while (condition)
การวนซ้ำ do… while นั้นคล้ายกับการวนซ้ำ while มาก ข้อแตกต่างเพียงอย่างเดียวคือใน do... While loop บล็อกของโค้ดจะถูกดำเนินการเพียงครั้งเดียวก่อนที่จะตรวจสอบเงื่อนไขด้วยซ้ำ
ตัวอย่าง:
<html> <head> <script type="text/javascript"> document.write("<b>Using while loops </b><br />"); var i = 0, j = 1, k; document.write("Fibonacci series less than 40<br />"); while(i<40) { document.write(i + "<br />"); k = i+j; i = j; j = k; } </script> </head> <body> </body> </html>
88. อะไรคือสิ่งสำคัญ Javaอธิบาย Script Array Method พร้อมตัวอย่าง?
Javaวิธีการอาร์เรย์สคริปต์
วัตถุ Array มีคุณสมบัติและวิธีการมากมายที่ช่วยให้นักพัฒนาจัดการอาร์เรย์ได้อย่างง่ายดายและมีประสิทธิภาพ คุณสามารถรับค่าของคุณสมบัติได้โดยการระบุ arrayname.property และเอาต์พุตของเมธอดโดยระบุ arrayname.method()
- คุณสมบัติความยาว –> หากคุณต้องการทราบจำนวนองค์ประกอบในอาร์เรย์ คุณสามารถใช้คุณสมบัติความยาวได้
- คุณสมบัติต้นแบบ –> หากคุณต้องการเพิ่มคุณสมบัติและวิธีการใหม่ คุณสามารถใช้คุณสมบัติต้นแบบได้
- วิธีย้อนกลับ -> คุณสามารถกลับลำดับของรายการในอาร์เรย์โดยใช้วิธีย้อนกลับ
- วิธีการเรียงลำดับ -> คุณสามารถเรียงลำดับรายการในอาร์เรย์โดยใช้วิธีการเรียงลำดับ
- วิธีป๊อป -> คุณสามารถลบรายการสุดท้ายของอาร์เรย์โดยใช้วิธีป๊อป
- วิธีการกะ -> คุณสามารถลบรายการแรกของอาร์เรย์โดยใช้วิธีการ shift ได้
- วิธีการผลักดัน -> คุณสามารถเพิ่มค่าเป็นรายการสุดท้ายของอาร์เรย์ได้
<html> <head> <title>Arrays!!!</title> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); Array.prototype.displayItems=function(){ for (i=0;i<this.length;i++){ document.write(this[i] + "<br />"); } } document.write("students array<br />"); students.displayItems(); document.write("<br />The number of items in students array is " + students.length + "<br />"); document.write("<br />The SORTED students array<br />"); students.sort(); students.displayItems(); document.write("<br />The REVERSED students array<br />"); students.reverse(); students.displayItems(); document.write("<br />THE students array after REMOVING the LAST item<br />"); students.pop(); students.displayItems(); document.write("<br />THE students array after PUSH<br />"); students.push("New Stuff"); students.displayItems(); </script> </head> <body> </body> </html>
89. แนวคิด OOPS คืออะไร Javaสคริปต์?
หลายครั้งที่ตัวแปรหรืออาร์เรย์ไม่เพียงพอที่จะจำลองสถานการณ์ในชีวิตจริง Javaสคริปต์ช่วยให้คุณสามารถสร้างวัตถุที่ทำหน้าที่เหมือนวัตถุในชีวิตจริง นักเรียนหรือบ้านสามารถเป็นวัตถุที่มีลักษณะเฉพาะของตัวเองได้หลายอย่าง คุณสามารถสร้างคุณสมบัติและวิธีการสำหรับวัตถุของคุณเพื่อให้การเขียนโปรแกรมง่ายขึ้น หากวัตถุของคุณเป็นนักเรียน มันจะมีคุณสมบัติ เช่น ชื่อ นามสกุล รหัสประจำตัว เป็นต้น และวิธีการ เช่น การคำนวณอันดับ เปลี่ยนที่อยู่ เป็นต้น หากวัตถุของคุณเป็นบ้าน มันจะมีคุณสมบัติ เช่น จำนวนห้อง สีทาบ้าน ที่ตั้ง เป็นต้น วิธีการ เช่น การคำนวณพื้นที่ เปลี่ยนเจ้าของ เป็นต้น
วิธีการสร้างวัตถุ
คุณสามารถสร้างวัตถุเช่นนี้:
var objName = new Object(); objName.property1 = value1; objName.property2 = value2; objName.method1 = function() { line of code }
OR
var objName= {property1:value1, property2:value2, method1: function() { lines of code} };
90. Loop แม้ว่าคุณสมบัติของวัตถุคืออะไร?
โดยทั่วไปแล้ว for/in a loop จะใช้ในการวนซ้ำคุณสมบัติของวัตถุ คุณสามารถตั้งชื่อตัวแปรให้กับตัวแปรได้ แต่ชื่อของออบเจ็กต์ควรเหมือนกับชื่อออบเจ็กต์ที่มีอยู่แล้วซึ่งคุณต้องวนซ้ำ
ไวยากรณ์:
for (variablename in objectname) { lines of code to be executed }
ตัวอย่าง:
<html> <head> <script type="text/javascript"> var employee={first:"John", last:"Doe", department:"Accounts"}; var details = ""; document.write("<b>Using for/in loops </b><br />"); for (var x in employee) { details = x + ": " + employee[x]; document.write(details + "<br />"); } </script> </head> <body> </body> </html>
91 คืออะไร Javaการทดสอบยูนิตสคริปต์ และความท้าทายในการทดสอบคืออะไร Javaกำลังทดสอบยูนิตสคริปต์?
Javaการทดสอบยูนิตสคริปต์เป็นวิธีการทดสอบที่ Javaสคริปต์จะทดสอบโค้ดที่เขียนขึ้นสำหรับเว็บเพจหรือโมดูลแอปพลิเคชันเว็บ โดยจะรวมเข้ากับ HTML เป็นตัวจัดการเหตุการณ์แบบอินไลน์และดำเนินการในเบราว์เซอร์เพื่อทดสอบว่าฟังก์ชันทั้งหมดทำงานได้ดีหรือไม่ จากนั้นจึงจัดระเบียบการทดสอบยูนิตเหล่านี้ในชุดการทดสอบ
ทุกชุดมีการทดสอบหลายอย่างที่ออกแบบมาเพื่อดำเนินการสำหรับโมดูลที่แยกจากกัน สิ่งสำคัญที่สุดคือ ไม่ขัดแย้งกับโมดูลอื่นๆ และทำงานโดยมีการพึ่งพาซึ่งกันและกันน้อยลง (สถานการณ์วิกฤติบางอย่างอาจทำให้เกิดการขึ้นต่อกัน)
ความท้าทายของ Javaการทดสอบยูนิตสคริปต์:
นี่คือความท้าทายที่สำคัญของ Javaการทดสอบยูนิตสคริปต์:
- ภาษาอื่นๆ อีกหลายภาษารองรับการทดสอบหน่วยในเบราว์เซอร์ ในสภาพแวดล้อมที่เสถียรและรันไทม์ด้วย Javaสคริปต์ไม่สามารถ
- คุณสามารถเข้าใจการกระทำบางอย่างของระบบด้วยภาษาอื่นได้ แต่ไม่ใช่ในกรณีนี้ Javaต้นฉบับ
- เรื่อง Javaสคริปต์ถูกเขียนขึ้นสำหรับแอปพลิเคชันเว็บซึ่งอาจมีการอ้างอิงหลายอย่าง
- Javaสคริปต์เหมาะสำหรับใช้ร่วมกับ HTML และ CSS มากกว่าที่จะใช้งานบนเว็บ
- ปัญหาในการแสดงเพจและการจัดการ DOM
- บางครั้งคุณพบข้อความแสดงข้อผิดพลาดบนหน้าจอเกี่ยวกับ "ไม่สามารถโหลด example.js" หรือข้อความอื่นใด Javaข้อผิดพลาดของสคริปต์เกี่ยวกับการควบคุมเวอร์ชัน ช่องโหว่เหล่านี้อยู่ในการทดสอบยูนิต Javaต้นฉบับ
โซลูชั่นของ Javaการทดสอบยูนิตสคริปต์:
เพื่อหลีกเลี่ยงปัญหาดังกล่าว สิ่งที่คุณสามารถทำได้คือ
- อย่าใช้ตัวแปรร่วม
- อย่าจัดการวัตถุที่กำหนดไว้ล่วงหน้า
- ออกแบบฟังก์ชันหลักตามไลบรารี
- พยายามสร้างฟังก์ชันการทำงานเล็กๆ น้อยๆ ที่มีการพึ่งพาน้อยกว่า
92.มีอะไรบ้างที่สำคัญ Javaกรอบงานการทดสอบยูนิตสคริปต์?
ต่อไปนี้เป็นรายการคัดสรรของยอดนิยม Javaกรอบงานการทดสอบยูนิตสคริปต์และเครื่องมือที่ใช้กันอย่างแพร่หลาย:
หน่วย js: เป็นที่รู้จักในนามไลบรารีการยืนยันโอเพ่นซอร์สที่ทำงานบนเบราว์เซอร์และ Node.js มันเข้ากันได้อย่างมากกับสิ่งอื่น Javaกรอบการทำงานการทดสอบยูนิตสคริปต์ เช่น Mocha, Karma, Jasmine, QUnit, Protractor เป็นต้น จัดเตรียม API ของรายการยืนยันที่ครบถ้วน
หน่วย: ใช้สำหรับทั้งฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์ Javaสคริปต์ทดสอบยูนิต ฟรีนี้ Javaกรอบงานการทดสอบสคริปต์ใช้สำหรับโครงการ jQuery โดยปฏิบัติตามข้อกำหนดการทดสอบยูนิต JS ทั่วไปสำหรับการทดสอบยูนิตใน Javaสคริปต์ รองรับกำหนดการสนับสนุนระยะยาวของโหนด
จัสมิน: จัสมินเป็นกรอบการพัฒนาที่ขับเคลื่อนด้วยพฤติกรรมเพื่อทดสอบหน่วย Javaสคริปต์ ใช้สำหรับทดสอบทั้งแบบซิงโครนัสและอะซิงโครนัส Javaโค้ดสคริปต์ ไม่จำเป็นต้องมี DOM และมาพร้อมกับไวยากรณ์ที่ง่ายซึ่งสามารถเขียนได้สำหรับการทดสอบใดๆ
Re: Karma คือสภาพแวดล้อมการทดสอบที่มีประสิทธิผลแบบโอเพ่นซอร์ส การควบคุมเวิร์กโฟลว์ที่ง่ายดายทำงานบนบรรทัดคำสั่ง ให้อิสระในการเขียนการทดสอบด้วย Jasmine, Mocha และ QUnit คุณสามารถรันการทดสอบบนอุปกรณ์จริงด้วยการดีบักที่ง่ายดาย
มอคค่า: Mocha ทำงานบน Node.js และในเบราว์เซอร์ Mocha ทำการทดสอบแบบอะซิงโครนัสได้ง่ายกว่า ให้ความแม่นยำและความยืดหยุ่นในการรายงาน รองรับฟีเจอร์มากมาย เช่น การหมดเวลาเฉพาะการทดสอบ Javaสคริปต์ API
ล้อเล่น: จนถึงขณะนี้ Facebook ใช้เรื่องตลกเพื่อทดสอบทั้งหมด Javaรหัสสคริปต์ ให้ประสบการณ์การทดสอบแบบไม่ต้องกำหนดค่าใดๆ รองรับการทดสอบแบบอิสระและไม่หยุดชะงักโดยไม่มีข้อขัดแย้งใดๆ ไม่จำเป็นต้องมีการตั้งค่าและไลบรารีอื่นๆ
เอวา: AVA นั้นเรียบง่าย Javaกรอบงานการทดสอบยูนิตสคริปต์ การทดสอบจะดำเนินการแบบคู่ขนานและแบบอนุกรม การทดสอบแบบคู่ขนานจะดำเนินการโดยไม่ขัดจังหวะซึ่งกันและกัน กรอบงานการทดสอบนี้ยังรองรับการทดสอบแบบอะซิงโครนัสอีกด้วย AVA ใช้กระบวนการย่อยเพื่อเรียกใช้การทดสอบยูนิต Javaต้นฉบับ
93. QuickSort Algorithm คืออะไร Javaสคริปต์?
อัลกอริทึมการเรียงลำดับด่วนใช้แนวทางการแบ่งและพิชิต โดยจะแบ่งองค์ประกอบออกเป็นส่วนย่อยๆ ตามเงื่อนไขบางประการ และดำเนินการกับส่วนย่อยๆ ที่แบ่งออกไปเหล่านั้น
อัลกอริทึม Quick Sort เป็นหนึ่งในอัลกอริทึมที่ใช้และได้รับความนิยมมากที่สุดในภาษาการเขียนโปรแกรมใดๆ หากคุณเป็น Javaนักพัฒนาสคริปต์ คุณอาจเคยได้ยินเกี่ยวกับ sort() ซึ่งมีให้ใช้แล้วใน Javaสคริปต์ จากนั้นคุณอาจกำลังคิดว่าเหตุใดอัลกอริทึมการเรียงลำดับด่วนนี้จึงมีความจำเป็น เพื่อทำความเข้าใจเรื่องนี้ ก่อนอื่นเราต้องรู้ว่าการเรียงลำดับคืออะไร และการเรียงลำดับเริ่มต้นคืออะไร Javaต้นฉบับ
Quicksort เป็นไปตาม แบ่งและพิชิต อัลกอริทึมจะแบ่งองค์ประกอบออกเป็นส่วนย่อยๆ ตามเงื่อนไขบางประการ และดำเนินการเรียงลำดับส่วนย่อยที่แบ่งออกไปนั้น ดังนั้นจึงเหมาะสำหรับชุดข้อมูลขนาดใหญ่ ดังนั้น ต่อไปนี้คือขั้นตอนการทำงานของ Quicksort แบบง่ายๆ
- ขั้นแรก เลือกองค์ประกอบที่จะเรียกว่า เดือย ธาตุ.
- ถัดไป เปรียบเทียบองค์ประกอบอาร์เรย์ทั้งหมดกับองค์ประกอบสาระสำคัญที่เลือก และจัดเรียงให้เหลือองค์ประกอบที่น้อยกว่าองค์ประกอบสาระสำคัญ มากกว่าจุดหมุนจะอยู่ทางขวา
- สุดท้าย ให้ดำเนินการแบบเดียวกันกับองค์ประกอบด้านซ้ายและด้านขวาขององค์ประกอบจุดหมุน
นั่นคือโครงร่างพื้นฐานของ Quicksort ต่อไปนี้เป็นขั้นตอนที่ต้องปฏิบัติตามทีละขั้นตอนเพื่อดำเนินการ Quicksort
94.QuickSort ทำงานอย่างไร
ขั้นตอน 1) ก่อนอื่นให้หา "หมุน" องค์ประกอบในอาร์เรย์
ขั้นตอน 2) เริ่มตัวชี้ทางซ้ายที่องค์ประกอบแรกของอาร์เรย์
ขั้นตอน 3) เริ่มตัวชี้ทางขวาที่องค์ประกอบสุดท้ายของอาร์เรย์
ขั้นตอน 4) เปรียบเทียบองค์ประกอบที่ชี้กับตัวชี้ด้านซ้าย และหากน้อยกว่าองค์ประกอบสาระสำคัญ ให้เลื่อนตัวชี้ซ้ายไปทางขวา (เพิ่ม 1 ไปที่ดัชนีด้านซ้าย) ทำต่อไปจนกว่าองค์ประกอบด้านซ้ายจะมากกว่าหรือเท่ากับองค์ประกอบเดือย
ขั้นตอน 5) เปรียบเทียบองค์ประกอบที่ชี้กับตัวชี้ที่ถูกต้อง หากมากกว่าองค์ประกอบเดือย ให้เลื่อนตัวชี้ด้านขวาไปทางซ้าย (ลบ 1 ไปยังดัชนีด้านขวา) ทำต่อไปจนกว่าองค์ประกอบทางด้านขวาจะน้อยกว่าหรือเท่ากับองค์ประกอบเดือย
ขั้นตอน 6) ตรวจสอบว่าตัวชี้ทางซ้ายน้อยกว่าหรือเท่ากับตัวชี้ทางขวา จากนั้นจึงเห็นองค์ประกอบในตำแหน่งของตัวชี้เหล่านี้
ขั้นตอน 7) เพิ่มตัวชี้ทางซ้ายและลดตัวชี้ทางขวา
ขั้นตอน 8) หากดัชนีตัวชี้ด้านซ้ายยังน้อยกว่าดัชนีของตัวชี้ด้านขวา ให้ทำซ้ำขั้นตอนนี้ มิฉะนั้นให้ส่งคืนดัชนีของตัวชี้ด้านซ้าย
ให้เราดูขั้นตอนเหล่านี้พร้อมตัวอย่าง ให้เราพิจารณาอาร์เรย์ขององค์ประกอบที่เราต้องเรียงลำดับคือ [5,3,7,6,2,9]
ต่อไปนี้เป็นขั้นตอนในการดำเนินการเรียงลำดับด่วนที่แสดงพร้อมกับตัวอย่าง [5,3,7,6,2,9]
ขั้นตอนที่ 1) กำหนดจุดหมุนเป็นองค์ประกอบตรงกลาง ดังนั้น, 7 เป็นองค์ประกอบหลัก
ขั้นตอนที่ 2) เริ่มตัวชี้ซ้ายและขวาเป็นองค์ประกอบแรกและสุดท้ายของอาร์เรย์ตามลำดับ ตัวชี้ด้านซ้ายชี้ไปที่ 5 ที่ดัชนี 0 และตัวชี้ด้านขวาชี้ไปที่ 9 ที่ดัชนี 5
ขั้นตอนที่ 3) เปรียบเทียบองค์ประกอบตัวชี้ซ้ายกับองค์ประกอบจุดหมุน เนื่องจาก 5 < 6 ให้เลื่อนตัวชี้ซ้ายไปทางขวาเพื่อระบุดัชนี 1
ขั้นตอนที่ 4) ตอนนี้ ยังคงเป็น 3 < 6 ดังนั้นให้เลื่อนตัวชี้ซ้ายไปที่ดัชนีอีกตัวหนึ่งทางขวา ตอนนี้ 7 > 6 หยุดเพิ่มตัวชี้ซ้าย และตอนนี้ตัวชี้ซ้ายคือดัชนี 2
ขั้นตอนที่ 5) ตอนนี้ ให้เปรียบเทียบค่าที่ตัวชี้ด้านขวากับองค์ประกอบเดือย ตั้งแต่ 9 > 6 ให้เลื่อนตัวชี้ขวาไปทางซ้าย ตอนนี้ เมื่อ 2 < 6 ให้หยุดเลื่อนพอยน์เตอร์ด้านขวา
ขั้นตอนที่ 6) สลับค่าทั้งสองค่าที่อยู่ทางซ้ายและขวาของพอยน์เตอร์ระหว่างกัน
ขั้นตอนที่ 7) ย้ายพอยน์เตอร์ทั้งสองตัวอีกหนึ่งขั้น
ขั้นตอนที่ 8) เนื่องจาก 6 = 6 ให้เลื่อนพอยน์เตอร์ไปอีกขั้นหนึ่งแล้วหยุดเมื่อพอยน์เตอร์ซ้ายข้ามพอยน์เตอร์ทางขวาและส่งกลับดัชนีของพอยน์เตอร์ทางซ้าย
ตามแนวทางข้างต้น เราจำเป็นต้องเขียนโค้ดสำหรับการสลับองค์ประกอบและการแบ่งพาร์ติชันอาร์เรย์ตามที่กล่าวไว้ในขั้นตอนข้างต้น
ตัวอย่าง:
var items = [5,3,7,6,2,9]; function swap(items, leftIndex, rightIndex){ var temp = items[leftIndex]; items[leftIndex] = items[rightIndex]; items[rightIndex] = temp; } function: partition(items, left, right) { var pivot = items[Math.floor((right + left) / 2)], //middle element i = left, //left pointer j = right; //right pointer while (i <= j) { while (items[i] < pivot) { i++; } while (items[j] > pivot) { j--; } if (i <= j) { swap(items, i, j); //sawpping two elements i++; j--; } } return i; } function quickSort(items, left, right) { var index; if (items.length > 1) { index = partition(items, left, right); //index returned from partition if (left < index - 1) { //more elements on the left side of the pivot quickSort(items, left index - 1); } if (index < right) { //more elements on the right side of the pivot quickSort(items, index, right); } } return items; } // first call to quick sort var sortedArray = quickSort(items, 0, items.length - 1); console.log(sortedArray); //prints [2,3,5,6,7,9]
95. DOM คืออะไร Javaสคริปต์?
Javaสคริปต์สามารถเข้าถึงองค์ประกอบทั้งหมดในหน้าเว็บได้โดยใช้ Document Object Model (DOM) เว็บเบราว์เซอร์จะสร้าง DOM ของหน้าเว็บเมื่อโหลดหน้าเว็บขึ้นมา
96. วิธีใช้ DOM และเหตุการณ์?
ใช้ DOM Javaสคริปต์สามารถทำงานหลายอย่างได้ สามารถสร้างองค์ประกอบและแอตทริบิวต์ใหม่ เปลี่ยนองค์ประกอบและแอตทริบิวต์ที่มีอยู่ หรือแม้แต่ลบองค์ประกอบและแอตทริบิวต์ที่มีอยู่ Javaสคริปต์ยังสามารถตอบสนองต่อเหตุการณ์ที่มีอยู่และสร้างเหตุการณ์ใหม่ในเพจได้
- getElementById ตัวอย่าง HTML ภายใน
- getElementById: เพื่อเข้าถึงองค์ประกอบและคุณลักษณะที่มีการตั้งค่า ID
- innerHTML: เพื่อเข้าถึงเนื้อหาขององค์ประกอบ
<html> <head> <title>DOM!!!</title> </head> <body> <h3 id="one">Welcome</h3> <p>This is the welcome message.</p> <h3>Technology</h3> <p>This is the technology section.</p> <script type="text/javascript"> var text = document.getElementById("one").innerHTML; alert("The first heading is " + text); </script> </body> </html>
2.getElementsByTagName ตัวอย่าง
getElementsByTagName: เพื่อเข้าถึงองค์ประกอบและคุณลักษณะโดยใช้ชื่อแท็ก วิธีนี้จะส่งคืนอาร์เรย์ของรายการทั้งหมดที่มีชื่อแท็กเดียวกัน
<html> <head> <title>DOM!!!</title> </head> <body> <h3>Welcome</h3> <p>This is the welcome message.</p> <h3>Technology</h3> <p id="second">This is the technology section.</p> <script type="text/javascript"> var paragraphs = document.getElementsByTagName("p"); alert("Content in the second paragraph is " + paragraphs[1].innerHTML); document.getElementById("second").innerHTML = "The orginal message is changed."; </script> </body> </html>
ตัวอย่างตัวจัดการเหตุการณ์
- createElement: เพื่อสร้างองค์ประกอบใหม่
- RemoveChild: ลบองค์ประกอบ
- คุณสามารถเพิ่มไฟล์ จัดการเหตุการณ์ ไปยังองค์ประกอบเฉพาะเช่นนี้
document.getElementById(id).onclick=function() { lines of code to be executed }
OR
document.getElementById(id).addEventListener("click", functionname)
ตัวอย่าง:
<html> <head> <title>DOM!!!</title> </head> <body> <input type="button" id="btnClick" value="Click Me!!" /> <script type="text/javascript"> document.getElementById("btnClick").addEventListener("click", clicked); function clicked() { alert("You clicked me!!!"); } </script> </body> </html>
97. ภายนอกคืออะไร Javaสคริปต์?
คุณวางแผนที่จะแสดงวันที่และเวลาปัจจุบันในเว็บเพจทั้งหมดของคุณ สมมติว่าคุณเขียนโค้ดและคัดลอกลงในเว็บเพจทั้งหมดของคุณ (สมมติว่า 100 หน้า) แต่ในภายหลังคุณต้องการเปลี่ยนรูปแบบในการแสดงวันที่หรือเวลา ในกรณีนี้ คุณจะต้องทำการเปลี่ยนแปลงในเว็บเพจทั้งหมด 100 หน้า ซึ่งจะเป็นงานที่ใช้เวลานานและยากมาก
ดังนั้นให้บันทึก Javaโค้ดสคริปต์ในไฟล์ใหม่ที่มีนามสกุล .js จากนั้นเพิ่มบรรทัดโค้ดในเว็บเพจทั้งหมดของคุณเพื่อให้ชี้ไปที่ไฟล์ .js ของคุณ ดังนี้:
<script type="text/javascript," src="/currentdetails.js,">
หมายเหตุ ถือว่าไฟล์ .js และหน้าเว็บทั้งหมดของคุณอยู่ในโฟลเดอร์เดียวกัน หากไฟล์ external.js อยู่ในโฟลเดอร์อื่น คุณจะต้องระบุเส้นทางแบบเต็มของไฟล์ในแอตทริบิวต์ src
ตัวอย่าง:
var currentDate = new Date(); var day = currentDate.getDate(); Var month = currentDate.getMonth() + 1; var monthName; var hours = currentDate.getHours(); var mins = currentDate.getMinutes(); var secs = currentDate.getSeconds(); var strToAppend; It (hours >12 ) { hours1 = "0" + (hours - 12); strToAppend = "PM"; } else if (hours <12) { hours1 = "0" + hours; strToAppend = "AM"; } else { hours1 = hours; strToAppend = "PM"; } if(mins<10) mins = "0" + mins; if (secs<10) secs = "0" + secs; switch (month) { case 1: monthName = "January"; break; case 2: monthName = "February"; break; case 3: monthName = "March"; break; case 4: monthName = "April"; break; case 5: monthName = "May"; break; case 6: monthName = "June"; break; case 7: monthName = "July"; break; case 8: monthName = "August"; break; case 9: monthName = "September"; break; case 10: monthName = "October"; break; case 11: monthName = "November"; break; case 12: monthName = "December"; break; } var year = currentDate.getFullYear(); var myString; myString = "Today is " + day + " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + "."; document.write(myString);
98. เมื่อใดควรใช้ทั้งภายในและภายนอก Javaโค้ดสคริปท์?
สมมติว่าคุณมีโค้ดเพียงไม่กี่บรรทัดที่เฉพาะเจาะจงสำหรับหน้าเว็บหนึ่งๆ ในกรณีนี้ควรเก็บของคุณไว้จะดีกว่า Javaรหัสสคริปต์ภายในเอกสาร HTML ของคุณ
ในทางกลับกันถ้าคุณ Javaโค้ดสคริปต์ถูกใช้ในเว็บเพจจำนวนมาก คุณควรพิจารณาเก็บโค้ดของคุณไว้ในไฟล์แยกต่างหาก หากคุณต้องการเปลี่ยนแปลงโค้ด คุณต้องแก้ไขเพียงไฟล์เดียว ทำให้ง่ายต่อการบำรุงรักษาโค้ด หากโค้ดของคุณยาวเกินไป ควรเก็บไว้ในไฟล์แยกต่างหาก วิธีนี้จะช่วยให้แก้ไขข้อบกพร่องได้ง่ายขึ้น
99. คุกกี้คืออะไร Javaสคริปต์?
คุกกี้คือข้อมูลชิ้นหนึ่งที่จัดเก็บไว้ในคอมพิวเตอร์ของคุณเพื่อให้เบราว์เซอร์ของคุณเข้าถึงได้ คุณอาจได้รับประโยชน์จากคุกกี้โดยรู้ตัวหรือไม่รู้ตัวก็ได้ คุณเคยบันทึกรหัสผ่าน Facebook ไว้เพื่อไม่ต้องพิมพ์ทุกครั้งที่พยายามเข้าสู่ระบบหรือไม่ หากใช่ แสดงว่าคุณใช้คุกกี้ คุกกี้จะถูกบันทึกเป็นคู่คีย์/ค่า
Javascript ชุดคุกกี้:
คุณสามารถสร้างคุกกี้โดยใช้เอกสาร คุณสมบัติคุกกี้เช่นนี้
document.cookie = "cookiename=cookievalue"
คุณสามารถเพิ่มวันหมดอายุให้กับคุกกี้ของคุณเพื่อลบคุกกี้นั้นออกจากคอมพิวเตอร์ตามวันที่ที่ระบุได้ วันหมดอายุควรกำหนดในรูปแบบ UTC/GMT หากคุณไม่ได้กำหนดวันหมดอายุ คุกกี้จะถูกลบออกเมื่อผู้ใช้ปิดเบราว์เซอร์
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
คุณยังสามารถตั้งค่าโดเมนและเส้นทางเพื่อระบุโดเมนและไดเร็กทอรีใดในโดเมนเฉพาะที่คุกกี้นั้นอยู่ ตามค่าเริ่มต้น คุกกี้จะอยู่ในหน้าที่ตั้งค่าคุกกี้
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/
//สร้างคุกกี้ที่มีโดเมนไปยังหน้าปัจจุบันและเส้นทางไปยังทั้งโดเมน
Javaสคริปต์รับคุกกี้
คุณสามารถเข้าถึงคุกกี้ได้ในลักษณะนี้ ซึ่งจะส่งคืนคุกกี้ทั้งหมดที่บันทึกไว้สำหรับโดเมนปัจจุบัน
var x = document.cookie
Javaสคริปต์ลบคุกกี้
หากต้องการลบคุกกี้ คุณเพียงแค่ต้องตั้งค่าคุกกี้ให้ว่างและตั้งค่าหมดอายุเป็นวันที่ที่ผ่านไป
ตัวอย่าง:
<html> <head> <title>Cookie!!!</title> <script type="text/javascript"> function createCookie(cookieName,cookieValue,daysToExpire) { var date = new Date(); date.setTime(date.getTime()+(daysToExpire*24*60*60*1000)); document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString(); } function accessCookie(cookieName) { var name = cookieName + "="; var allCookieArray = document.cookie.split(';'); for(var i=0; i<allCookieArray.length; i++) { var temp = allCookieArray[i].trim(); if (temp.indexOf(name)==0) return temp.substring(name.length,temp.length); } return ""; } function checkCookie() { var user = accessCookie("testCookie"); if (user!="") alert("Welcome Back " + user + "!!!"); else { user = prompt("Please enter your name"); num = prompt("How many days you want to store your name on your computer?"); It (user!="" && user!=null) { createCookie("testCookie", user, num); } } } </script> </head> <body onload="checkCookie()"></body> </html>
100.ยกตัวอย่าง Javaตารางการคูณสคริปต์
นี่คือตัวอย่างตารางสูตรคูณง่ายๆ ที่ถามผู้ใช้ถึงจำนวนแถวและคอลัมน์ที่ต้องการ
ตัวอย่าง:
<html> <head> <title>Multiplication Table</title> <script type="text/javascript"> var rows = prompt("How many rows for your multiplication table?"); var cols = prompt("How many columns for your multiplication table?"); if(rows == "" || rows == null) rows = 10; if(cols== "" || cols== null) cols = 10; createTable(rows, cols); function createTable(rows, cols) { var j=1; var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>"; for(i=1;i<=rows;i++) { output = output + "<tr>"; while(j<=cols) { output = output + "<td>" + i*j + "</td>"; j = j+1; } output = output + "</tr>"; j = 1; } output = output + "</table>"; document.write(output); } </script> </head> <body> </body> </html>
101. อธิบายข้อความป๊อปอัปโดยใช้เหตุการณ์พร้อมตัวอย่าง
แสดงข้อความง่ายๆ “ยินดีต้อนรับ!!!” บนเว็บเพจสาธิตของคุณ และเมื่อผู้ใช้เลื่อนเมาส์ไปเหนือข้อความนั้น ควรจะมีข้อความป็อปอัปปรากฏขึ้นว่า “ยินดีต้อนรับสู่เว็บเพจของฉัน!!!”
ตัวอย่าง:
<html> <head> <title>Event!!!</title> <script type="text/javascript"> function trigger() { document.getElementById("hover").addEventListener("mouseover", popup); function popup() { alert("Welcome to my WebPage!!!"); } } </script> <style> p{ font-size:50px; position: fixed; left: 550px; top: 300px; } </style> </head> <body onload="trigger();"> <p id="hover">Welcome!!!</p> </body> </html>
คำถามสัมภาษณ์เหล่านี้จะช่วยในวีว่าของคุณ (วาจา)