มาเรียนรู้พื้นฐานหลักจาวาสคริปต์ที่นักพัฒนาต้องรู้ ภาษาการเขียนโปรแกรมที่ตีความนี้ใช้กันอย่างแพร่หลายในการพัฒนาแอพระดับองค์กร
ภาพรวม
JavaScript เป็นภาษาสคริปต์ที่ใช้ในการพัฒนาแอพพลิเคชั่นบนเว็บแบบไดนามิก เราใช้ HTML และ CSS เพื่อสร้างเว็บไซต์คงที่ในขณะที่ JavaScript ใช้เพื่อเพิ่มการโต้ตอบ ในโพสต์บล็อกก่อนหน้าของเราเราครอบคลุม โมเดลวัตถุเอกสาร และตอนนี้เราจะครอบคลุมแนวคิดพื้นฐานอื่น ๆ ที่สำคัญ JavaScript นักพัฒนาเว็บมีแนวโน้มที่จะเลือกใช้ภาษาสคริปต์นี้เนื่องจากคุณสมบัติและเฟรมเวิร์กที่หลากหลาย นอกจากนี้คุณสามารถพัฒนาได้ทั้งด้านหน้าและด้านหลังโดยการเรียนรู้ JavaScript อย่างไรก็ตามคุณไม่สามารถพัฒนาเว็บแอปเท่านั้น แต่ยังรวมถึงแอพมือถือ การสอน JavaScript นี้จะช่วยคุณหากคุณกำลังเตรียมตัวสำหรับการสัมภาษณ์ อย่างไรก็ตามคู่มือนี้คุ้มค่าที่จะอ่านเพิ่มเข้าไปในถังความรู้ของคุณมากขึ้น เราจะครอบคลุมประเด็นต่อไปนี้ในบทความนี้:
การยกในจาวาสคริปต์คืออะไร
ปรากฏการณ์ของการใช้ฟังก์ชันหรือการประกาศตัวแปรที่ด้านบนของขอบเขตปัจจุบันเรียกว่าการยก นี่เป็นแนวคิดที่สำคัญมากและนักพัฒนา JavaScript ส่วนใหญ่ไม่ได้ตระหนักถึงมัน อย่างไรก็ตามสิ่งสำคัญที่ควรทราบที่นี่คือเฉพาะการประกาศฟังก์ชั่น/ตัวแปรเท่านั้นที่จะถูกนำไปสู่ด้านบนไม่ใช่การเริ่มต้นฟังก์ชั่น/ตัวแปร ลองมาตัวอย่างและดูตัวอย่างโค้ดด้านล่าง
printResults();
function printResults(){
console.log("hello programmers")
}
// output: hello programmers
ในตัวอย่างรหัสด้านบนเราทำการเรียกใช้ฟังก์ชันก่อนการประกาศฟังก์ชั่น แต่ถึงแม้ว่ารหัสจะดำเนินการสำเร็จและเกิดจากการยก JavaScript โดยพื้นฐานแล้วในช่วงเวลาที่คอมไพล์ล่าม JavaScript จะสแกนรหัสรวบรวมฟังก์ชั่น/ตัวแปรทั้งหมดและใส่ลงในหน่วยความจำที่เรียกว่าสภาพแวดล้อมคำศัพท์ สิ่งเดียวกันนี้เกิดขึ้นกับตัวแปร
name = "mustafa";
console.log(name);
var name;
ในทำนองเดียวกันการเริ่มต้นตัวแปรชื่อได้ทำก่อนการประกาศและรหัสทำงานโดยไม่มีข้อผิดพลาดใด ๆ อีกครั้งในช่วงเวลาคอมไพล์ล่าม JS มองเข้าไปในสภาพแวดล้อมคำศัพท์เพื่อค้นหาการประกาศตัวแปรและด้วยเหตุนี้จึงดำเนินการรหัส ดังนั้นหากคุณประกาศตัวแปรด้วยคำหลัก let และ const JavaScript จะยกพวกเขาแตกต่างกันเล็กน้อย
name = "mustafa";
console.log(name);
let name;
// Uncaught ReferenceError: Cannot access 'name' before initialization
ข้อผิดพลาดในตัวอย่างรหัสด้านบนเกิดขึ้น เหตุผลก็คือการเริ่มต้นไม่ได้ทำในขณะที่ยกตัวแปรนี้ เรื่องสั้นสั้นการประกาศทั้งหมดจะเริ่มต้นด้วย “undefined” ในขณะที่ตัวแปรที่ประกาศด้วย “Let” หรือ “const” ไม่ได้เริ่มต้นในการยก
ขอบเขตในจาวาสคริปต์
ขอบเขตเป็นหนึ่งในแนวคิดพื้นฐาน JavaScript ที่นักพัฒนาต้องรู้ อย่างไรก็ตามการทำงานกับขอบเขต JavaScript ไม่ตรงไปตรงมาและแตกต่างกันเล็กน้อย ดังนั้นจึงมีขอบเขตสามประเภทใน JavaScript และสิ่งเหล่านี้มีดังนี้: ระดับบล็อก : ตัวแปรที่ประกาศด้วย “Let” หรือ “const” มีขอบเขตระดับบล็อก
if(true){
let a = 1;
}
// a is not accessible outside the curly braces.
ตัวแปร “A” ไม่สามารถเข้าถึงได้นอกวงเล็บปีกกา {} เพราะมีขอบเขตระดับบล็อก ฟังก์ชั่นระดับ : ตัวแปรที่ประกาศภายในฟังก์ชัน JavaScript มีขอบเขตท้องถิ่น
function innerFunc(){
let last_name = "ashraf";
console.log("hello "+last_name);
}
// last_name is not accessible outside the function.
สิ่งสำคัญที่ควรทราบที่นี่คือตัวแปรที่ประกาศด้วย “Let” "" const “และ” var “มีขอบเขตฟังก์ชันภายในร่างกายฟังก์ชั่น ระดับโลก : ตัวแปรที่ประกาศนอกฟังก์ชั่นกลายเป็นตัวแปรทั่วโลก ไม่ว่าคุณจะประกาศพวกเขาโดยใช้คำหลัก “let”, “const” หรือ “var” นอกจากนี้ตัวแปรจะกลายเป็นตัวแปรส่วนกลางหากประกาศโดยไม่ใช้คำหลักใด ๆ ดังที่แสดงในตัวอย่างโค้ดด้านล่าง:
function innerFunc(){
last_name = "ashraf";
console.log("hello "+last_name);
}
// last_name is accessible outside the function too and is of global scope
การปิด JavaScript
นี่เป็นอีกหนึ่งแนวคิดที่สำคัญที่เสริมสร้างความรู้ด้านจาวาสคริปต์ของคุณเกี่ยวกับขอบเขตและการห่อหุ้มข้อมูล ในรูปแบบที่ง่ายที่สุดฟังก์ชั่นภายในฟังก์ชั่นเรียกว่าการปิด คุณสามารถเรียกฟังก์ชั่นภายในได้ ฟังก์ชั่นภายในนี้มีขอบเขตสามประเภท:
- มันมีขอบเขตระดับบล็อกของตัวเอง
- มีการเข้าถึงตัวแปรของผู้ปกครอง
- ตัวแปรในขอบเขตทั่วโลกสามารถเข้าถึงได้ภายในการปิด มาดูกันว่าจะสร้างการปิด:
function myFunction(){
let first_name = "mustafa";
function innerFunc(){
let last_name = "ashraf";
console.log("hello "+first_name+" "+last_name);
}
return innerFunc()
}
myFunction()
// output: hello mustafa ashraf
ตัวแปร first_name สามารถเข้าถึงได้ภายในฟังก์ชั่นที่ชื่อ InnerFunc แต่ฟังก์ชั่นหลักไม่สามารถเข้าถึงตัวแปร Last_name ได้ พฤติกรรมนี้ช่วยให้โปรแกรมเมอร์สร้างตัวแปรส่วนตัวในห่วงโซ่ขอบเขต
บทสรุป
เรากำลังสิ้นสุดคู่มือ JavaScript นี้ที่นี่และหวังว่าคุณจะมีความเข้าใจที่ดีขึ้นเกี่ยวกับแนวคิดพื้นฐานของ JavaScript ยิ่งกว่านั้นเราได้ผ่านการปิด JavaScript, ขอบเขตใน JavaScript และ Hoisting มีแนวคิดที่สำคัญอื่น ๆ อีกมากมายที่จำเป็นสำหรับผู้เริ่มต้น ดังนั้นบทความนี้จะช่วยคุณหากคุณกำลังเจริญรุ่งเรืองในการปรับปรุงหรือรีเฟรชแนวคิด JavaScript ของคุณ นอกจากนี้คุณอาจผ่านโพสต์บล็อกที่กล่าวถึงในส่วน “ดูเพิ่มเติม”
เชื่อมต่อกับเรา
ในที่สุด containerize.com ข้อเสนอการสอน JavaScript อย่างต่อเนื่องในหัวข้อที่น่าตื่นเต้นต่างๆ คุณสามารถอยู่ในวงได้โดยติดตามเราบนแพลตฟอร์มโซเชียลมีเดียของเรารวมถึง Facebook, LinkedIn และ Twitter
ถามคำถาม
คุณสามารถแจ้งให้เราทราบเกี่ยวกับคำถามหรือคำถามของคุณเกี่ยวกับ [ฟอรัม] ของเรา 9
คำถามที่พบบ่อย
แนวคิดที่สำคัญในการเรียนรู้ใน JavaScript คืออะไร โปรดติดตาม [คู่มือ] ของ JavaScript Beginner 2 เพื่อทราบแนวคิดพื้นฐาน JavaScript
ดูสิ่งนี้ด้วย
- DOM ใน JavaScript คืออะไร? | โมเดลวัตถุเอกสาร
- สัญญาใน JavaScript คืออะไร? | การสอน JavaScript
- การคำนวณแบบไม่มีเซิร์ฟเวอร์คืออะไร? | สถาปัตยกรรมแบบไม่มีเซิร์ฟเวอร์
- ความหลากหลายคืออะไร? | ทำไมต้องมีวิธีการหลายคน?
- Generative AI คืออะไร | ปัญญาประดิษฐ์กำเนิดกำเนิด
- Async กำลังรออยู่ใน JavaScript คืออะไร? | คู่มือ JavaScript
- วิธีใช้ CHATGPT ใน VSCODE | รหัสส่วนขยาย VSCODE GPT
- Openai Chatbot GPT-3 คืออะไร | CHATGPT การปฏิวัติ AI
- บทนำสู่ปัญญาประดิษฐ์ | AI คืออะไร
- Async กำลังรออยู่ใน JavaScript คืออะไร? | คู่มือ JavaScript