หน้าแรก
หน้าแรก
หากต้องการตั้งค่าพารามิเตอร์ตัวที่ 2 เป็น undefined เพียงแค่ตั้งค่าดังต่อไปนี้ - displayFunc(undefined, "Amit"); ตัวอย่าง ต่อไปนี้คือตัวอย่างการแสดงพารามิเตอร์ตัวที่สองได้สำเร็จเมื่อตั้งค่าพารามิเตอร์ตัวแรกเป็น undefined สาธิตสด <!DOCTYPE html> <html>
เพื่อให้บรรลุสิ่งที่คุณต้องการ ให้ใช้ JavaScript Closures การปิดเป็นฟังก์ชัน ซึ่งใช้ขอบเขตที่มีการประกาศเมื่อเรียกใช้ ไม่ใช่ขอบเขตที่เรียกใช้ ตัวอย่าง มาดูตัวอย่างของคุณกัน และนี่คือวิธีที่คุณจะทำงานให้สำเร็จ ที่นี่ innerDisplay() เป็นการปิด JavaScript Var myFunction = (function () { fu
พารามิเตอร์เริ่มต้นมาเพื่อจัดการกับพารามิเตอร์ของฟังก์ชันได้อย่างง่ายดาย พารามิเตอร์เริ่มต้นช่วยให้คุณสามารถเริ่มต้นพารามิเตอร์ที่เป็นทางการด้วยค่าเริ่มต้น สิ่งนี้เป็นไปได้ก็ต่อเมื่อไม่มีการส่งผ่านค่าหรือไม่ได้กำหนดไว้ ด้วย ES6 คุณสามารถตั้งค่าพารามิเตอร์เริ่มต้นได้อย่างง่ายดาย มาดูตัวอย่างกัน ตัวอย
เมธอดใน JavaScript คือการดำเนินการกับอ็อบเจ็กต์ เมธอด JavaScript มีนิยามฟังก์ชัน ซึ่งจัดเก็บเป็นค่าคุณสมบัติ ตัวอย่าง มาดูตัวอย่างการกำหนดวิธีการใน JavaScript สาธิตสด <!DOCTYPE html> <html> <body> <h3 id="myDept"></h3>
ฟังก์ชันตัวสร้างอนุญาตให้เรียกใช้โค้ดในระหว่างที่ฟังก์ชันออกจากฟังก์ชันและกลับมาทำงานต่อในภายหลัง ดังนั้น เครื่องกำเนิดไฟฟ้าสามารถใช้เพื่อจัดการการควบคุมการไหลในโค้ดได้ ยกเลิกการดำเนินการแบบอะซิงโครนัสได้อย่างง่ายดายเนื่องจากสามารถหยุดการทำงานชั่วคราวได้ทุกเมื่อ นี่คือไวยากรณ์ อย่าลืมใส่เครื่องหมายด
การประกาศฟังก์ชัน async ตามชื่อที่แนะนำจะกำหนดฟังก์ชันแบบอะซิงโครนัส ฟังก์ชันนี้ส่งคืนอ็อบเจ็กต์ AsyncFunction ไวยากรณ์ นี่คือไวยากรณ์ − async function functionname([param[, param[, ... param]]]) { statements to be executed } ตัวอย่าง มาดูตัวอย่างกัน ซึ่งจะพิมพ์ผลลัพธ์หลังจาก 5 วินาที −
ด้วยพารามิเตอร์ rest คุณสามารถแสดงอาร์กิวเมนต์จำนวนหนึ่งเป็นอาร์เรย์ได้ ES6 นำพารามิเตอร์การพักมาเพื่อช่วยให้การทำงานของนักพัฒนาง่ายขึ้น สำหรับอ็อบเจ็กต์อาร์กิวเมนต์ พารามิเตอร์ส่วนที่เหลือจะถูกระบุด้วยจุดสามจุด … และอยู่ข้างหน้าพารามิเตอร์ ตัวอย่าง มาดูโค้ดต่อไปนี้เพื่อกำหนดพารามิเตอร์ส่วนที่เหลือ
พารามิเตอร์ที่เหลือ ด้วยพารามิเตอร์ rest คุณสามารถแสดงอาร์กิวเมนต์จำนวนหนึ่งเป็นอาร์เรย์ได้ ES6 นำพารามิเตอร์การพักมาเพื่อช่วยให้การทำงานของนักพัฒนาง่ายขึ้น สำหรับอ็อบเจ็กต์อาร์กิวเมนต์ พารามิเตอร์ส่วนที่เหลือจะถูกระบุด้วยจุดสามจุด … และอยู่ข้างหน้าพารามิเตอร์ วัตถุอาร์กิวเมนต์ วัตถุอาร์กิวเมนต์ใน
ตัวดำเนินการสเปรดจะอนุญาตให้คุณแยกอาร์เรย์ออกเป็นอาร์กิวเมนต์เดี่ยว อาร์กิวเมนต์เหล่านี้เป็นอาร์กิวเมนต์ ซึ่งเป็นหน้าที่ของอาร์กิวเมนต์แยกกัน ไวยากรณ์ function myfunction(...iterableObj); ตัวอย่าง สาธิตสด <html> <body> <script>
พารามิเตอร์พัก ด้วยพารามิเตอร์ rest คุณสามารถแสดงอาร์กิวเมนต์จำนวนหนึ่งเป็นอาร์เรย์ได้ ES6 นำพารามิเตอร์การพักมาเพื่อช่วยให้การทำงานของนักพัฒนาง่ายขึ้น สำหรับอ็อบเจ็กต์อาร์กิวเมนต์ พารามิเตอร์ส่วนที่เหลือจะถูกระบุด้วยจุดสามจุด … และอยู่ข้างหน้าพารามิเตอร์ มาดูโค้ดต่อไปนี้เพื่อกำหนดพารามิเตอร์ส่วนที
หากต้องการล้างอาร์เรย์ใน JavaScript ให้ตั้งค่าตัวแปรเป็นว่าง: arr = [] ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อล้างอาร์เรย์ใน JavaScript: <html> <head> <title>JavaScript Arrays</title> </head> <body>
ตัวแปร JavaScript ไม่มีประเภท ค่ามีประเภท นี่คือวิธีการประกาศตัวแปร JavaScript - var rank = 5 var name =”John” คุณยังสามารถเขียนแบบนี้ได้ - var rank = 5 rank = ‘first' document.write(rank) ดังที่คุณเห็นด้านบน การระบุประเภทในการประกาศตัวแปรจะไม่มีประโยชน์ใดๆ เนื่องจากประเภทถูกกำ
ให้เราใช้นิพจน์ง่ายๆ 4 + 5 เท่ากับ 9 ในที่นี้ 4 และ 5 เรียกว่าตัวถูกดำเนินการ และ + จะเรียกว่าตัวดำเนินการ JavaScript รองรับตัวดำเนินการประเภทต่อไปนี้ ตัวดำเนินการเลขคณิต ตัวดำเนินการเปรียบเทียบ ตัวดำเนินการเชิงตรรกะ (หรือเชิงสัมพันธ์) ตัวดำเนินการมอบหมาย ตัวดำเนินการแบบมีเงื่อนไข (หรือแบบไตรภาค)
ตัวดำเนินการส่วนเพิ่มจะเพิ่มค่าจำนวนเต็มขึ้นหนึ่งค่า นี่คือตัวอย่างที่ค่าของ a เพิ่มขึ้นสองครั้งโดยใช้ตัวดำเนินการเพิ่มสองครั้ง ตัวอย่าง การสาธิตสด <html> <body> <script> var a = 33; &nb
ตัวดำเนินการลดค่าจะลดค่าจำนวนเต็มลงหนึ่งค่า นี่คือตัวอย่างที่ค่าของ a ลดลงสองครั้งโดยใช้ตัวดำเนินการ decrement สองครั้ง − ตัวอย่าง การสาธิตสด <html> <body> <script> <!-- var a =
ควรหลีกเลี่ยงตัวดำเนินการเพิ่มและลด เนื่องจากอาจนำไปสู่ผลลัพธ์ที่ไม่คาดคิด นี่คือเงื่อนไขบางประการ: ในคำสั่งงานที่มอบหมาย อาจนำไปสู่ผลลัพธ์ที่ไม่น่าพอใจ: ตัวอย่าง การสาธิตสด <html> <body> <script> var a = 5;
แสดงลูกศรอ้วน นอกจากนี้ยังช่วยให้คุณไม่ต้องเขียนคีย์เวิร์ด “ฟังก์ชัน” ซ้ำๆ ต่อไปนี้คือรูปแบบ: argument => expression ใช้ต่อไปนี้มากกว่าหนึ่งอาร์กิวเมนต์: (argument1 [, argument2]) => expression มาเปรียบเทียบฟังก์ชันที่มีและไม่มีลูกศรกัน: ฟังก์ชันใน JavaScript var rank = [7,8,9]; var display =
แสดงลูกศรอ้วน นอกจากนี้ยังช่วยให้คุณไม่ต้องเขียนคีย์เวิร์ด ฟังก์ชัน ซ้ำๆ โดยทั่วไป ฟังก์ชันลูกศรใช้สำหรับฟังก์ชันที่ไม่ใช่เมธอด มาดูวิธีการใช้ฟังก์ชันลูกศรที่ใช้เป็นเมธอดกัน: ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ฟังก์ชันลูกศรที่ใช้เป็นวิธีการ สาธิตสด <!DOCTYPE html> <html> &
แสดงลูกศรอ้วน ตัวอย่าง $('.button1').click(function () { setTimeout(function () { $(this).text('demo'); } ,400); }); ด้านบนทำให้เกิดข้อผิดพลาดเนื่องจาก function() กำหนดให้สิ่งนี้เป็นวัตถุส่วนกลาง เรามาดูวิธีแก้ปัญหาโดยใช้ฟังก์ชันลูกศรอ้ว
หากต้องการเพิ่มตัวแบ่งบรรทัดในค่าอาร์เรย์สำหรับ ~ ทุกครั้ง ให้แยกอาร์เรย์ก่อน หลังจากแยกแล้ว ให้เพิ่มการขึ้นบรรทัดใหม่ เช่น สำหรับแต่ละ ~. ตัวอย่างเช่น This is demo text 1!~This is demo text 2!~~This is demo text 3! สิ่งนี้จะเพิ่มการขึ้นบรรทัดใหม่ดังต่อไปนี้สำหรับ ~ เหตุการณ์: This is demo text 1!