ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

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

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

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

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


 

JavaScriptตัวแปร


ตัวแปร JavaScript ที่

JavaScript ตัวแปรเป็นที่สำหรับการจัดเก็บค่าข้อมูล

ในตัวอย่างนี้ x, y และ z เป็นตัวแปร

ตัวอย่าง

var x = 5;
var y = 6;
var z = x + y;
ลองตัวเอง»

จากตัวอย่างข้างต้นคุณสามารถคาดหวัง:

  • x เก็บค่า 5
  • y เก็บค่า 6
  • z ร้านค้ามูลค่า 11

เหมือนพีชคณิต

ในตัวอย่างนี้ price1, price2 และ total เป็นตัวแปร

ตัวอย่าง

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
ลองตัวเอง»

ในการเขียนโปรแกรมเช่นเดียวกับในพีชคณิตเราใช้ตัวแปร (เช่น price1 ) เพื่อเก็บค่า

ในการเขียนโปรแกรมเช่นเดียวกับในพีชคณิตเราจะใช้ตัวแปรในการแสดงออก (total = price1 + price2)

จากตัวอย่างข้างต้นคุณสามารถคำนวณ total จะเป็น 11

JavaScript ตัวแปรเป็นที่สำหรับการจัดเก็บค่าข้อมูล


ตัวบ่งชี้ JavaScript

ตัวแปรทั้งหมด JavaScript จะต้องระบุที่มีชื่อไม่ซ้ำกัน

ชื่อที่ไม่ซ้ำกันเหล่านี้เรียกว่าตัวบ่งชี้

ตัวบ่งชี้ที่สามารถเป็นชื่อสั้น ๆ (เช่น x และ y ) หรือชื่ออธิบายเพิ่มเติม (age, sum, totalVolume)

กฎทั่วไปในการสร้างชื่อสำหรับตัวแปร (ตัวระบุที่ไม่ซ้ำกัน) มีดังนี้:

  • ชื่อสามารถมีตัวอักษรตัวเลขขีดและสัญญาณดอลลาร์
  • ชื่อจะต้องเริ่มต้นด้วยตัวอักษร
  • ชื่อยังสามารถเริ่มต้นด้วย $ และ _ ( แต่เราจะไม่ใช้มันในการกวดวิชานี้)
  • ชื่อเป็นกรณีที่สำคัญ (y และ y เป็นตัวแปรที่แตกต่างกัน)
  • คำสงวน (เช่นคำหลักจาวาสคริปต์) ไม่สามารถนำมาใช้เป็นชื่อ

ตัวบ่งชี้ JavaScript เป็นกรณี ๆ


ผู้ประกอบการที่ได้รับมอบหมาย

ใน JavaScript, เครื่องหมายเท่ากับ (=) เป็น "มอบหมาย" ผู้ประกอบการไม่ได้เป็น "เท่ากับ" ผู้ประกอบการ

ซึ่งแตกต่างจากพีชคณิต ต่อไปนี้ไม่ได้ทำให้รู้สึกในพีชคณิต:

x = x + 5

ใน JavaScript แต่มันทำให้รู้สึกดี: มันกำหนดค่าของ x + 5 x ที่อยู่

(มันจะคำนวณค่าของ x + 5 และทำให้ผลที่ได้เข้าไปใน X. ค่าของ x จะเพิ่มขึ้นจาก 5)

ว่า "เท่ากับ" ผู้ประกอบการเป็นลายลักษณ์อักษรเช่น == ใน JavaScript


ชนิดข้อมูล JavaScript

ตัวแปร JavaScript ที่สามารถถือเป็นตัวเลขเช่น 100 และค่าข้อความเช่น "John Doe"

ในการเขียนโปรแกรม, ค่าข้อความจะถูกเรียกว่าสตริงข้อความ

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

สตริงจะถูกเขียนอยู่ในเครื่องหมายคู่หรือเดี่ยว ตัวเลขจะเขียนไม่ทราบราคา

หากคุณใส่คำพูดรอบจำนวนก็จะถือว่าเป็นสตริงข้อความ

ตัวอย่าง

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
ลองตัวเอง»

ประกาศ (การสร้าง) ตัวแปร JavaScript ที่

สร้างตัวแปรใน JavaScript ที่เรียกว่า "ประกาศ" ตัวแปร

คุณประกาศตัวแปร JavaScript กับ var คำสำคัญ:

var carName;

หลังจากการประกาศตัวแปรไม่มีค่า (เทคนิคมันจะมีค่าของไม่ได้กำหนด)

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

carName = "Volvo";

นอกจากนี้คุณยังสามารถกำหนดค่าให้กับตัวแปรเมื่อคุณประกาศ:

var carName = "Volvo";

ในตัวอย่างด้านล่างเราสร้างตัวแปรที่เรียกว่า carName และกำหนดค่า "Volvo" กับมัน

แล้วเรา "ส่งออก" ค่าภายในวรรค HTML ที่มี id="demo" :

ตัวอย่าง

<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
ลองตัวเอง»

มันเป็นวิธีการเขียนโปรแกรมที่ดีที่จะประกาศตัวแปรทั้งหมดที่จุดเริ่มต้นของสคริปต์


หนึ่งคำชี้แจงหลายตัวแปร

คุณสามารถประกาศตัวแปรหลายอย่างในหนึ่งคำสั่ง

เริ่มต้นคำสั่งกับ var และแยกตัวแปรด้วยเครื่องหมายจุลภาค:

var person = "John Doe", carName = "Volvo", price = 200;
ลองตัวเอง»

ประกาศสามารถขยายหลายบรรทัด:

var person = "John Doe",
carName = "Volvo",
price = 200;
ลองตัวเอง»

value = ไม่ได้กำหนด

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

ตัวแปรประกาศโดยไม่ต้องมีค่าจะมีค่าไม่ได้กำหนด

carName ตัวแปรจะมีค่าไม่ได้กำหนดหลังจากการดำเนินการของคำสั่งนี้:

ตัวอย่าง

var carName;
ลองตัวเอง»

Re: ประกาศตัวแปร JavaScript

หากคุณอีกครั้งประกาศตัวแปร JavaScript ก็จะไม่สูญเสียคุณค่าของมัน

carName ตัวแปรจะยังคงมีค่า "Volvo" หลังจากการดำเนินการของงบเหล่านี้:

ตัวอย่าง

var carName = "Volvo";
var carName;
ลองตัวเอง»

JavaScript เลขคณิต

เช่นเดียวกับพีชคณิตที่คุณสามารถทำเลขคณิตกับตัวแปร JavaScript ที่ใช้ประกอบการเช่น = และ +:

ตัวอย่าง

var x = 5 + 2 + 3;
ลองตัวเอง»

นอกจากนี้คุณยังสามารถเพิ่มสาย แต่สายจะถูกตัดแบ่ง (เพิ่มแบบ end-to-end):

ตัวอย่าง

var x = "John" + " " + "Doe";
ลองตัวเอง»

นอกจากนี้ยังพยายามนี้:

ตัวอย่าง

var x = "5" + 2 + 3;
ลองตัวเอง»

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


ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 » ออกกำลังกาย 6 »