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


ตัวอย่าง

กำหนดค่าให้กับตัวแปรและเพิ่มเข้าด้วยกัน:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

ตัว ดำเนินการ กำหนด ( =) กำหนดค่าให้กับตัวแปร

งานที่มอบหมาย

let x = 10;

ตัว ดำเนินการ บวก ( +) เพิ่มตัวเลข:

กำลังเพิ่ม

let x = 5;
let y = 2;
let z = x + y;

ตัวดำเนินการ การคูณ ( *) จะคูณตัวเลข

ทวีคูณ

let x = 5;
let y = 2;
let z = x * y;


ตัวดำเนินการเลขคณิต JavaScript

ตัวดำเนินการเลขคณิตใช้เพื่อคำนวณเลขคณิต:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

ตัวดำเนินการเลขคณิตมีคำอธิบายโดยละเอียดในบทJS Arithmetic


ตัวดำเนินการมอบหมาย JavaScript

ตัวดำเนินการมอบหมายกำหนดค่าให้กับตัวแปร JavaScript

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

ตัว ดำเนินการ กำหนดการ เพิ่ม ( +=) เพิ่มค่าให้กับตัวแปร

งานที่มอบหมาย

let x = 10;
x += 5;

มีการอธิบายโอเปอเรเตอร์การมอบหมายอย่างครบถ้วนในบทการมอบหมาย JS


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

ตัว+ดำเนินการยังสามารถใช้เพื่อเพิ่ม (ต่อกัน) สตริง

ตัวอย่าง

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

ผลลัพธ์ของ text3 จะเป็น:

John Doe

ตัว+=ดำเนินการมอบหมายยังสามารถใช้เพื่อเพิ่ม (ต่อกัน) สตริง:

ตัวอย่าง

let text1 = "What a very ";
text1 += "nice day";

ผลลัพธ์ของ text1 จะเป็น:

What a very nice day

เมื่อใช้กับสตริง ตัวดำเนินการ + จะเรียกว่าตัวดำเนินการต่อ


การเพิ่มสตริงและตัวเลข

การเพิ่มตัวเลขสองตัวจะส่งกลับผลรวม แต่การเพิ่มตัวเลขและสตริงจะคืนค่าเป็นสตริง:

ตัวอย่าง

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

ผลลัพธ์ของx , yและzจะเป็น:

10
55
Hello5

หากคุณเพิ่มตัวเลขและสตริง ผลลัพธ์จะเป็นสตริง!


ตัวดำเนินการเปรียบเทียบ JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

ตัวดำเนินการเปรียบเทียบมีอธิบายไว้อย่างครบถ้วนในบทJS Comparisons


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

Operator Description
&& logical and
|| logical or
! logical not

ตัวดำเนินการเชิงตรรกะมีอธิบายไว้อย่างครบถ้วนในบทJS Comparisons


ตัวดำเนินการประเภท JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

ตัวดำเนินการประเภทมีคำอธิบายอย่างครบถ้วนในบทJS Type Conversion


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

ตัวดำเนินการบิตทำงานกับตัวเลข 32 บิต

ตัวถูกดำเนินการที่เป็นตัวเลขใดๆ ในการดำเนินการจะถูกแปลงเป็นตัวเลข 32 บิต ผลลัพธ์จะถูกแปลงกลับเป็นหมายเลข JavaScript
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

ตัวอย่างข้างต้นใช้ตัวอย่างที่ไม่ได้ลงนาม 4 บิต แต่ JavaScript ใช้ตัวเลขที่มีลายเซ็นแบบ 32 บิต
ด้วยเหตุนี้ใน JavaScript ~ 5 จะไม่ส่งคืน 10 มันจะส่งคืน -6
~000000000000000000000000000000011 จะส่งกลับ 11111111111111111111111111111010

ตัวดำเนินการ Bitwise มีคำอธิบายโดยละเอียดในบทJS Bitwise


ทดสอบตัวเองด้วยแบบฝึกหัด

ออกกำลังกาย:

คูณ10ด้วย5และแจ้งเตือนผล

alert(10  5);