JS กวดวิชา

เจเอสโฮม JS Introduction JS Where To JS เอาท์พุต งบ JS JS ไวยากรณ์ JS ความคิดเห็น ตัวแปร JS เจเอส เลท JS Const JS Operators JS เลขคณิต JS Assignment ประเภทข้อมูล JS ฟังก์ชัน JS วัตถุ JS JS Events JS Strings JS String Methods JS String Search เทมเพลตสตริง JS JS Numbers JS Number Methods JS Arrays JS Array Methods JS Array Sort JS Array Iteration JS Array Const JS Dates รูปแบบวันที่ JS JS วันที่รับเมธอด JS Date Set Methods JS Math JS สุ่ม JS Booleans JS เปรียบเทียบ JS Conditions JS Switch JS ลูปสำหรับ JS Loop สำหรับ In JS วนสำหรับ Of JS วนรอบในขณะที่ JS Break JS Iterables JS ชุด JS Maps JS Typeof JS ประเภทการแปลง JS Bitwise JS RegExp JS Errors JS ขอบเขต JS Hoisting JS โหมดเข้มงวด JS คำสำคัญนี้ JS Arrow Function JS Classes JS JSON JS Debugging คู่มือสไตล์ JS JS แนวทางปฏิบัติที่ดีที่สุด JS ความผิดพลาด JS Performance JS สงวนคำ

เวอร์ชัน JS

เวอร์ชัน JS JS 2009 (ES5) เจเอส 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / ขอบ JS History

วัตถุ JS

คำจำกัดความของวัตถุ คุณสมบัติของวัตถุ วิธีการวัตถุ การแสดงวัตถุ อุปกรณ์เสริมวัตถุ ตัวสร้างวัตถุ ต้นแบบวัตถุ วัตถุ Iterables ชุดวัตถุ แผนที่วัตถุ การอ้างอิงวัตถุ

ฟังก์ชัน JS

คำจำกัดความของฟังก์ชัน พารามิเตอร์ฟังก์ชัน เรียกใช้ฟังก์ชัน เรียกฟังก์ชัน ฟังก์ชัน สมัคร การปิดฟังก์ชัน

JS Classes

แนะนำคลาส การสืบทอดคลาส คลาสคงที่

JS Async

JS Callbacks JS แบบอะซิงโครนัส JS Promises JS Async/รอ

JS HTML DOM

บทนำ DOM วิธี DOM เอกสาร DOM องค์ประกอบ DOM DOM HTML แบบฟอร์ม DOM DOM CSS ภาพเคลื่อนไหว DOM กิจกรรม DOM DOM Event Listener การนำทาง DOM โหนด DOM DOM Collections รายการโหนด DOM

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

แนะนำ Web API เว็บฟอร์ม API API ประวัติเว็บ API ที่เก็บข้อมูลเว็บ Web Worker API API ดึงเว็บ เว็บ Geolocation API

JS AJAX

บทนำ AJAX AJAX XMLHttp คำขอ AJAX การตอบสนอง AJAX ไฟล์ AJAX XML AJAX PHP AJAX ASP ฐานข้อมูล AJAX แอปพลิเคชัน AJAX ตัวอย่าง AJAX

JS JSON

บทนำ JSON ไวยากรณ์ JSON JSON กับ XML ประเภทข้อมูล JSON JSON Parse JSON สตริงริฟาย วัตถุ JSON อาร์เรย์ JSON เซิร์ฟเวอร์ JSON JSON PHP JSON HTML JSON JSONP

JS กับ jQuery

ตัวเลือก jQuery jQuery HTML jQuery CSS jQuery DOM

JS กราฟิก

JS กราฟิก JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

ตัวอย่าง JS

ตัวอย่าง JS JS HTML DOM JS HTML อินพุต JS HTML Objects JS HTML Events JS Browser JS Editor JS แบบฝึกหัด JS Quiz ใบรับรอง JS

JS References

วัตถุ JavaScript วัตถุ HTML DOM


JavaScript Syntax

ไวยากรณ์ JavaScript คือชุดของกฎ วิธีสร้างโปรแกรม JavaScript:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

ค่า JavaScript

ไวยากรณ์ JavaScript กำหนดค่าสองประเภท:

  • ค่าคงที่
  • ค่าตัวแปร

ค่าคงที่เรียกว่าLiterals

ค่าตัวแปรเรียกว่าตัวแปร


JavaScript Literals

กฎไวยากรณ์ที่สำคัญที่สุดสองข้อสำหรับค่าคงที่คือ:

1. ตัวเลขเขียนโดยมีหรือไม่มีทศนิยม:

10.50

1001

2. สตริงคือข้อความที่เขียนด้วยเครื่องหมายคำพูดคู่หรือเดี่ยว:

"John Doe"

'John Doe'


ตัวแปร JavaScript

ในภาษาการเขียนโปรแกรมตัวแปร ถูกใช้เพื่อเก็บค่าข้อมูล

JavaScript ใช้คีย์เวิร์ดvarและ letเพื่อประกาศตัวแปรconst

เครื่องหมายเท่ากับใช้เพื่อกำหนดค่าให้กับตัวแปร

ในตัวอย่างนี้ x ถูกกำหนดให้เป็นตัวแปร จากนั้น x ถูกกำหนด (กำหนด) ค่า 6:

let x;
x = 6;

ตัวดำเนินการ JavaScript

JavaScript ใช้ตัวดำเนินการเลขคณิต ( + - * /) เพื่อ คำนวณค่า:

(5 + 6) * 10

JavaScript ใช้ตัวดำเนินการมอบหมาย ( =) เพื่อกำหนด ค่าให้กับตัวแปร:

let x, y;
x = 5;
y = 6;

นิพจน์ JavaScript

นิพจน์คือการรวมกันของค่า ตัวแปร และตัวดำเนินการ ซึ่งคำนวณเป็นค่า

การคำนวณเรียกว่าการประเมิน

ตัวอย่างเช่น 5 * 10 ประเมินเป็น 50:

5 * 10

นิพจน์สามารถมีค่าตัวแปรได้:

x * 10

ค่าสามารถมีได้หลายประเภท เช่น ตัวเลขและสตริง

ตัวอย่างเช่น "John" + " " + "Doe" ประเมินเป็น "John Doe":

"John" + " " + "Doe"

คีย์เวิร์ด JavaScript

คีย์เวิร์ด JavaScript ใช้เพื่อระบุการดำเนินการที่จะดำเนินการ

คีย์เวิร์ดบอกให้ เบ letราว์เซอร์สร้างตัวแปร:

let x, y;
x = 5 + 6;
y = x * 10;

คำ varหลักยังบอกให้เบราว์เซอร์สร้างตัวแปร:

var x, y;
x = 5 + 6;
y = x * 10;

ในตัวอย่างเหล่านี้ การใช้var หรือletจะให้ผลลัพธ์เดียวกัน

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับvar และletภายหลังในบทช่วยสอนนี้


JavaScript ความคิดเห็น

ไม่ใช่คำสั่ง JavaScript ทั้งหมดที่ถูก "ดำเนินการ"

รหัสหลังจากทับสองครั้ง //หรือระหว่าง/*และ*/ถือเป็นความคิดเห็น

ความคิดเห็นจะถูกละเว้นและจะไม่ถูกดำเนินการ:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับความคิดเห็นในบทต่อๆ ไป


ตัวระบุ JavaScript / ชื่อ

ตัวระบุคือชื่อ JavaScript

ตัวระบุใช้เพื่อตั้งชื่อตัวแปร คีย์เวิร์ด และฟังก์ชัน

กฎสำหรับชื่อตามกฎหมายในภาษาการเขียนโปรแกรมส่วนใหญ่เหมือนกัน

ชื่อ JavaScript ต้องขึ้นต้นด้วย:

  • จดหมาย (AZ หรือ az)
  • เครื่องหมายดอลลาร์ ($)
  • หรือขีดล่าง (_)

อักขระที่ตามมาอาจเป็นตัวอักษร ตัวเลข ขีดล่าง หรือเครื่องหมายดอลลาร์

บันทึก

ไม่อนุญาตให้ใช้ตัวเลขเป็นอักขระตัวแรกในชื่อ

วิธีนี้ JavaScript สามารถแยกแยะตัวระบุจากตัวเลขได้อย่างง่ายดาย


JavaScript คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่

ตัวระบุ JavaScript ทั้งหมดคำนึงถึงขนาด ตัว  พิมพ์

ตัวแปรlastNameและlastname, เป็นสองตัวแปรที่แตกต่างกัน:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript ไม่ตีความLETหรือLetเป็นคีย์เวิร์ดlet


JavaScript และกรณีอูฐ

ในอดีต โปรแกรมเมอร์ใช้วิธีการต่างๆ ในการรวมคำหลายคำเป็นชื่อตัวแปรเดียว:

ยัติภังค์:

ชื่อ, นามสกุล, มาสเตอร์การ์ด, ระหว่างเมือง

ไม่อนุญาตให้ใช้ยัติภังค์ใน JavaScript พวกเขาสงวนไว้สำหรับการลบ

ขีดล่าง:

ชื่อแรก, นามสกุล, มาสเตอร์การ์ด, ระหว่างเมือง

กรณีอูฐบน (กรณีปาสกาล):

ชื่อ นามสกุล มาสเตอร์การ์ด อินเตอร์ซิตี้

ตัวพิมพ์อูฐล่าง:

โปรแกรมเมอร์ JavaScript มักจะใช้ตัวพิมพ์เล็กอูฐที่ขึ้นต้นด้วยตัวพิมพ์เล็ก:

ชื่อ, นามสกุล, มาสเตอร์การ์ด, อินเตอร์ซิตี้


ชุดอักขระ JavaScript

JavaScript ใช้ชุดอักขระUnicode

Unicode ครอบคลุม (เกือบ) อักขระ เครื่องหมายวรรคตอน และสัญลักษณ์ทั้งหมดในโลก

เพื่อความชัดเจนยิ่งขึ้น โปรดศึกษา การอ้างอิง Unicode ฉบับสมบูรณ์ของ เรา