Latest web development tutorials
×

JavaScript หลักสูตร

JavaScript หลักสูตร JavaScript แนะนำโดยย่อ JavaScript การใช้ JavaScript ส่งออก JavaScript ไวยากรณ์ JavaScript งบ JavaScript หมายเหตุ JavaScript ตัวแปร JavaScript ชนิดข้อมูล JavaScript วัตถุ JavaScript ฟังก์ชัน JavaScript ขอบเขต JavaScript เหตุการณ์ JavaScript เชือก JavaScript ผู้ประกอบการ JavaScript เปรียบเทียบ JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript ประเภทการแปลง JavaScript นิพจน์ปกติ JavaScript ความผิดพลาด JavaScript แก้จุดบกพร่อง JavaScript ยกตัวแปร JavaScript โหมดที่เข้มงวด JavaScript ใช้ไม่เหมาะสม JavaScript รูปแบบการตรวจสอบสิทธิ์ JavaScript ลิขสิทธิ์คำสำคัญ JavaScript JSON JavaScript void JavaScript ข้อมูลจำเพาะรหัส

JS ฟังก์ชัน

JavaScript นิยามฟังก์ชัน JavaScript อาร์กิวเมนต์ของฟังก์ชัน JavaScript เรียกใช้ฟังก์ชัน JavaScript การปิด

JS HTML DOM

DOM แนะนำโดยย่อ DOM HTML DOM CSS DOM เหตุการณ์ DOM EventListener DOM ธาตุ

JS การสอนที่ทันสมัย

JavaScript วัตถุ JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp วัตถุ

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

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ป๊อป JavaScript เหตุการณ์หมดเวลา JavaScript Cookies

JS โกดัง

JavaScript โกดัง JavaScript ทดสอบ jQuery JavaScript ทดสอบ Prototype

JS ตัวอย่าง

JavaScript ตัวอย่าง JavaScript ตัวอย่างวัตถุ JavaScript วัตถุเช่นเบราว์เซอร์ JavaScript HTML DOM ตัวอย่าง JavaScript ย่อ

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

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

วัตถุ JavaScript

ทุกสิ่งเป็นวัตถุ javascript: สตริง, ตัวเลข, อาร์เรย์ฟังก์ชั่น ...

นอกจากนี้ JavaScript ช่วยให้วัตถุที่กำหนดเอง

ทุกอย่างเป็นวัตถุ

JavaScript ให้ในตัวหลายวัตถุเช่น String, วันที่, อาร์เรย์และอื่น ๆ เท่านั้นที่มีคุณสมบัติของวัตถุชนิดข้อมูลและวิธีการพิเศษ

  • บูลีนสามารถเป็นวัตถุ
  • ประเภทที่เป็นตัวเลขสามารถเป็นวัตถุ
  • สตริงยังสามารถเป็นวัตถุ
  • วันที่เป็นวัตถุ
  • คณิตศาสตร์และการแสดงออกปกติเป็นวัตถุ
  • อาร์เรย์เป็นวัตถุ
  • แม้ฟังก์ชั่นอาจจะเป็นวัตถุ

วัตถุ JavaScript

วัตถุเป็นเพียงชนิดพิเศษของข้อมูล วัตถุที่มีคุณสมบัติและวิธีการ

วัตถุเข้าถึงทรัพย์สิน

ทรัพย์สินมีค่าที่เกี่ยวข้องกับวัตถุ

การเข้าถึงไวยากรณ์วัตถุแอตทริบิวต์:

objectName.propertyName

ตัวอย่างนี้ใช้ระยะเวลาในคุณสมบัติของวัตถุ String ที่จะได้รับความยาวของสตริง:

var message="Hello World!";
var x=message.length;

หลังจากโค้ดข้างต้นจะถูกดำเนินการค่าของ x จะเป็น:

12

วัตถุวิธีการเชื่อม

วิธีการคือการดำเนินงานที่สามารถดำเนินการบนวัตถุที่

คุณสามารถโทรหาวิธีการใช้ไวยากรณ์ต่อไปนี้:

objectName.methodName()

ตัวอย่างนี้ใช้ toUpperCase วัตถุ String () วิธีการแปลงข้อความเป็นตัวพิมพ์ใหญ่:

var message="Hello world!";
var x=message.toUpperCase();

หลังจากโค้ดข้างต้นจะถูกดำเนินการค่าของ x จะเป็น:

HELLO WORLD!

สร้างวัตถุ JavaScript

ผ่าน JavaScript คุณสามารถกำหนดและสร้างวัตถุของคุณเอง

สร้างวัตถุใหม่ในสองวิธีที่แตกต่างกัน

  • กำหนดและสร้างตัวอย่างของวัตถุ
  • ใช้ฟังก์ชั่นในการกำหนดวัตถุและสร้างอินสแตนซ์วัตถุใหม่

สร้างอินสแตนโดยตรง

ตัวอย่างนี้สร้างตัวอย่างใหม่ของวัตถุและเพิ่มคุณสมบัติที่สี่:

ตัวอย่าง

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

ลอง»

ไวยากรณ์ทางเลือก (ใช้ตัวอักษรวัตถุ):

ตัวอย่าง

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

ลอง»

โดยใช้ตัวสร้างวัตถุ

ตัวอย่างนี้ใช้ฟังก์ชั่นที่จะสร้างวัตถุ:

ตัวอย่าง

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

ลอง»

ใน JavaScript นี้มักจะชี้ไปที่ฟังก์ชั่นที่เรากำลังดำเนินการเองหรือวัตถุที่ชี้ไปยังฟังก์ชันเป็น (เวลาทำงาน)

สร้างวัตถุเช่น JavaScript

เมื่อคุณมีตัวสร้างวัตถุที่คุณสามารถสร้างตัวอย่างใหม่ของวัตถุเช่นนี้

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

คุณสมบัติไปยังวัตถุ JavaScript

คุณสามารถกำหนดวัตถุเพิ่มแอตทริบิวต์ใหม่ไปยังวัตถุที่มีอยู่:

สมมติว่า personObj อยู่แล้ว - ซึ่งคุณสามารถเพิ่มคุณลักษณะใหม่เหล่านี้: ชื่อ, นามสกุล, อายุและสีดวงตา:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

T ในรหัสดังกล่าวข้างต้นจะถูกดำเนินการค่าของ x จะเป็น:

John

วิธีการที่จะเพิ่มวัตถุ JavaScript

วิธีการที่แนบมาเพียงเพื่อฟังก์ชั่นของวัตถุ

ในวิธีการของฟังก์ชั่นคอนสตรัคภายในนิยามของวัตถุนี้: 

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

() ค่าของฟังก์ชั่นชื่อของบุคคลที่ได้รับมอบหมายให้คุณสมบัตินามสกุล changeName

ตอนนี้คุณสามารถลอง:

myMother.changeName("Doe");

ลอง»

เรียน JavaScript

JavaScript เป็นภาษาเชิงวัตถุ แต่ JavaScript ไม่ใช้คลาส

ใน JavaScript, ชั้นจะไม่ได้สร้างหรือการสร้างวัตถุ (เช่นในภาษาเชิงวัตถุอื่น ๆ ) ผ่านชั้นเรียน

ต้นแบบที่ใช้ JavaScript มากกว่าระดับตาม

JavaScript สำหรับ ... ในวง

JavaScript สำหรับ ... ในคำสั่งให้ห่วงผ่านคุณสมบัติของวัตถุ

ไวยากรณ์ 

for (variable in object)
{
	执行的代码……
}

หมายเหตุ: สำหรับ ... ในรหัสห่วงบล็อกจะถูกดำเนินการครั้งเดียวสำหรับแต่ละคุณสมบัติ

ตัวอย่าง

ห่วงผ่านคุณสมบัติของวัตถุนี้:

ตัวอย่าง

คน var = {fname: "จอห์น", lname: "โด", อายุ: 25};

สำหรับ (x ในคน)
{
txt = TXT + คน [x];
}

ลอง»