Javascript 10 เรื่องยุ่งยาก

คุณค่าที่เป็นความจริงและเป็นเท็จ

เมื่อเราเขียนคำสั่ง if/else ในสคริปต์ เราคาดว่าจะส่งค่าในเงื่อนไข if() ที่เป็นบูลีนซึ่งจะคืนค่าจริงหรือเท็จ

คำสั่ง if / else จะตรวจสอบด้วย javascript ว่าค่านั้นเป็นความจริง / เท็จหรือไม่ ค่าความจริงหมายถึงจริง และค่าเท็จหมายถึงเท็จ

ใน JavaScript if/else คำสั่งจะตรวจสอบว่าค่า จริง หรือ เท็จ ค่า ความจริง มีค่าเท่ากับ true และค่า เท็จ» มีค่าเท่ากับ false

ดูตัวอย่าง:

// จริงทั้งหมด
1 == [1];
'1' == [1];
1 == '1';

// เท็จทั้งหมด
1 === [1];
1 === '1';
'1' === [1];

ดูต่อไปนี้เป็นเท็จ:

false, 0 (zero), '' or "" (empty string), null , undefined , NaN

ดูต่อไปนี้เป็นความจริง:

'0' (a string containing a single zero)
'false' (a string containing the text “false”)
[] (an empty array)
{} (an empty object)
function(){} (an “empty” function)

ค่าว่างเทียบกับไม่ได้กำหนด

ไม่ได้กำหนด หมายถึง มีการประกาศตัวแปรแต่ยังไม่ได้กำหนดค่าใดๆ

ดูตัวอย่างต่อไปนี้:

var name; 
console.log(name);
//expected output : undefined

Null ได้รับมอบหมายค่า ซึ่งเป็นตัวแทนของไม่มีค่า:

ดูตัวอย่างต่อไปนี้:

var name = null; 
console.log(name); 
// expected output: null

เท่ากับสองเท่า (==) กับเท่ากับสามเท่า (===)

Triple เท่ากับ === ใน Javascript ใช้เมื่อเราต้องการตรวจสอบว่าเป็นประเภทและค่าที่เปรียบเทียบจะต้องเหมือนกัน ค่าจะเป็นประเภทเดียวกัน และค่าจะคืนค่าเป็นเท็จ

ดูตัวอย่างต่อไปนี้:

console.log(5 === 5 )
//expected output : true
console.log(5 === '5' )
//expected output : false

เท่ากับสองเท่า == ใน Javascript หมายถึงตรวจสอบว่าทั้งสองค่าเท่ากัน อย่าตรวจสอบประเภทค่า

ดูตัวอย่างต่อไปนี้:

console.log(5 == 5 )
//expected output : true
console.log(5 == '5')
//expected output : true
console.log(5 == [5])
//expected output : true
console.log(5 == 12)
//expected output : false

ตัวแปรทั่วโลก

เมื่อเราประกาศตัวแปรภายนอกฟังก์ชัน ตัวแปรนั้นจะกลายเป็นตัวแปรโกลบอล สามารถเข้าถึงตัวแปรส่วนกลางได้จากทุกฟังก์ชัน

ดูตัวอย่างต่อไปนี้:

var name ="Shafayat"; // global variable
function welcome(){
  console.log(name);
  //expected output: Shafayat
}

อะซิงโครนัส

“ฉันจะทำเสร็จทีหลัง!”

อะซิงโครนัสไม่ได้หยุดบรรทัดโค้ดถัดไป อะซิงโครนัสจะทำงานเองเมื่อเสร็จแล้วจะทำงานได้ แต่อย่าหยุดสคริปต์

setTimeout()เป็นตัวอย่างที่ดีในจาวาสคริปต์สำหรับอะซิงโครนัส

ดูตัวอย่างต่อไปนี้:

for (let i=0; i< 9000; i++) {
  console.log(i);
}
console.log("Do not stop me")
/* expected output : 
1 
2
3
....
9000
Do not stop me
*/

สคริปต์ด้านบน " console.log("Do not stop me") " ทำงานหลังจากเสร็จสิ้นการวนซ้ำ

ดูตัวอย่างต่อไปนี้สำหรับอะซิงโครนัส:

setTimeout(()=>{
  for (let i=0; i< 9000; i++) {
console.log(i); 
 } 
}, 100);
console.log("Do not stop me")
/* expected output : 
Do not stop me
1 
2
3
....
9000
*/

สคริปต์ด้านบน " console.log("Do not stop me") " ให้รันก่อนที่จะทำการวนซ้ำให้เสร็จสิ้น

การเข้าถึง

ความสามารถในการเข้าถึงเว็บหมายความว่าเว็บไซต์ที่ออกแบบและเขียนโค้ดอย่างถูกต้องสำหรับคนพิการสามารถใช้งานได้ ขณะนี้เว็บไซต์จำนวนมากได้รับการพัฒนาพร้อมความสามารถในการเข้าถึง ผู้ทุพพลภาพสามารถนำทางและโต้ตอบกับเว็บไซต์ของเราได้

ใช้สถานะ

useState hook เป็นฟังก์ชันโต้ตอบพิเศษ useState รับหนึ่งอาร์กิวเมนต์และส่งกลับอาร์เรย์ 2 รายการ องค์ประกอบที่ 1 คือสถานะเริ่มต้น และองค์ประกอบที่ 2 คือฟังก์ชันที่อัปเดตสถานะ มันไม่ใช่องค์ประกอบของชั้นเรียน ในสถานะเราสามารถเก็บ number, string, boolean, array หรือ object ได้

ใช้เอฟเฟกต์

useEffect ทำอะไรบางอย่างหลังจากการเรนเดอร์ ตามค่าเริ่มต้น useEffect จะรันการเรนเดอร์ครั้งแรก และ ทุกการอัปเดตด้วย useEffect แก้ปัญหาได้หลายอย่าง เช่น ดึงข้อมูลเมื่อคอมโพเนนต์เมานต์ รันโค้ดเมื่อเริ่มแอป ใช้ตัวจับเวลาหรือช่วงเวลา useEffect ขอรวม componentDidMount, componentDidUpdate และ componentWillUnmount

แก้ปัญหา : นับจำนวนคำในสตริง

ผลรวมของตัวเลขทั้งหมดในอาร์เรย์