Javascript สำหรับผู้เริ่มต้น ตอนที่ 1/3

Dec 29 2022
JavaScript เป็นภาษาโปรแกรมที่ใช้กันอย่างแพร่หลายในการพัฒนาเว็บ เป็นภาษาสคริปต์ฝั่งไคลเอ็นต์ ซึ่งหมายความว่าจะดำเนินการโดยเว็บเบราว์เซอร์ของผู้ใช้ ไม่ใช่บนเซิร์ฟเวอร์

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

หัวข้อที่คุณจะกล่าวถึงในส่วนนี้

  1. ตัวแปร
  2. ประเภทข้อมูล

ใน JavaScript ตัวแปรคือตำแหน่งที่เก็บชื่อสำหรับค่า คุณสามารถใช้ตัวแปรเพื่อจัดเก็บค่าประเภทใดก็ได้ เช่น ตัวเลข สตริง บูลีน และแม้แต่วัตถุ

ในการประกาศตัวแปรใน JavaScript คุณสามารถใช้คีย์เวิร์ดvar, let, หรือconst

คำvarหลักใช้ในการประกาศตัวแปร และเป็นวิธีดั้งเดิมในการประกาศตัวแปรใน JavaScript อย่างไรก็ตาม มีข้อจำกัดบางประการและไม่แนะนำให้ใช้ใน JavaScript สมัยใหม่

คำletหลักนั้นคล้ายกับvarแต่แนะนำการกำหนดขอบเขตการบล็อกให้กับ JavaScript ซึ่งหมายความว่าletตัวแปรสามารถเข้าถึงได้ภายในบล็อกของรหัสที่กำหนดไว้เท่านั้น

คำconstหลักใช้ในการประกาศค่าคงที่ ซึ่งเป็นตัวแปรที่ไม่สามารถกำหนดใหม่ได้หลังจากเริ่มต้นแล้ว

ตัวอย่างการประกาศตัวแปรใน JavaScript มีดังนี้

var x; // declares a variable x
let y = 10; // declares a variable y and initializes it with the value 10
const z = "hello"; // declares a constant z and initializes it with the value "hello"

ตัวอย่างเช่น:

let x = "hello";
x = 10; // x is now a number

ตัวอย่างเช่น:

let x = 10, y = 20, z = 30;

ใน JavaScript ชนิดข้อมูลคือการจำแนกประเภทของค่าที่ตัวแปรสามารถเก็บได้ JavaScript มีข้อมูลหลายประเภท ได้แก่:

  • สตริง : สตริงคือชุดอักขระ เช่น คำหรือวลี สตริงจะแสดงโดยการล้อมรอบลำดับของอักขระในเครื่องหมายอัญประกาศเดี่ยวหรือคู่ ตัวอย่างเช่น: "hello",'world'
  • Number : ตัวเลขคือค่าตัวเลข เช่น จำนวนเต็มหรือค่าทศนิยม ใน JavaScript มีตัวเลขเพียงประเภทเดียว และอาจเป็นจำนวนเต็มหรือค่าทศนิยมก็ได้ ตัวอย่างเช่น: 10,3.14
  • บูลีน : บูลีนคือค่าที่แสดงถึงเงื่อนไขจริงหรือเท็จ ใน JavaScript ค่าtrueและfalseเป็นค่าบูลีน
  • Null : ค่าnullแสดงถึงการไม่มีค่าโดยเจตนา ไม่เหมือนกับ0ซึ่งแสดงถึงการไม่มีค่าตัวเลข
  • Undefined : ค่าundefinedแสดงถึงตัวแปรที่ได้รับการประกาศ แต่ยังไม่ได้กำหนดค่า
  • วัตถุ : วัตถุเป็นประเภทข้อมูลที่แสดงถึงชุดของคู่คีย์-ค่า ออบเจ็กต์สามารถใช้เพื่อจัดเก็บโครงสร้างข้อมูลที่ซับซ้อน เช่น อาร์เรย์ ชุด และแผนที่
  • BigInt:BigIntเป็นประเภทข้อมูลใหม่ที่แสดงถึงจำนวนเต็มที่มากกว่าจำนวนเต็มที่ปลอดภัยสูงสุดใน JavaScript ซึ่งก็2^53 - 1คือ ก่อนการเปิดตัวBigIntJavaScript สามารถแสดงจำนวนเต็มได้จนถึงจำนวนเต็มที่ปลอดภัยสูงสุดนี้เท่านั้น และจำนวนใดๆ ที่ใหญ่กว่านี้จะแสดงเป็นค่าทศนิยม ซึ่งอาจทำให้เกิดข้อผิดพลาดด้านความแม่นยำได้ หากต้องการใช้BigIntคุณสามารถต่อท้ายตัวอักษรต่อท้ายnตัวเลข หรือใช้BigInt()ฟังก์ชันเพื่อแปลงตัวเลขหรือสตริงเป็นBigIntค่า ตัวอย่างเช่น:
  • let x = 12345678901234567890n; // big int literal
    let y = BigInt(12345678901234567890); // big int from number
    let z = BigInt("12345678901234567890"); // big int from string
    

    let symbol1 = Symbol();
    let symbol2 = Symbol("description");
    
    
    let symbol3 = Symbol.for("unique");
    let symbol4 = Symbol.for("unique");
    
    console.log(symbol3 === symbol4); // true