ฟังก์ชัน JavaScript

ตัวอักษร ตัวเลข ตัวแปร ตัวแปร วัตถุ และอื่นๆ

ฟังก์ชัน JavaScript

ตัวแปร JavaScript สามารถเก็บข้อมูลหลายชนิดชนิดข้อมูล：ตัวเลข ตัวอักษร ตัวแปร วัตถุ และอื่นๆ:

var length = 7;                             // ตัวแปร
var lastName = "Gates";                      // ตัวแปร
var cars = ["Porsche", "Volvo", "BMW"];         // ตัวแปร
var x = {firstName:"Bill", lastName:"Gates"};    // วัตถุ

ความหมายของชนิดข้อมูล

ในกระบวนการเขียนโปรแกรม ความหมายของชนิดข้อมูลเป็นข้อคิดสำคัญ

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

ถ้าไม่มีชนิดข้อมูล คอมพิวเตอร์จะไม่สามารถแก้ปัญหานี้ได้อย่างปลอดภัย:

var x = 911 + "Porsche";

มีความมีประโยชน์ที่จะเพิ่ม "Volvo" ด้วย 911 หรือไม่? การกระทำนี้จะทำให้เกิดข้อผิดพลาดหรือจะสร้างผลลัพธ์หรือไม่?

JavaScript จะจัดการตัวอย่างดังกล่าวนั้นเช่นนี้:

var x = "911" + "Porsche";

เมื่อปริมาณและตัวอักษรมีการเพิ่มเข้ากัน JavaScript จะมองปริมาณว่าเป็นตัวอักษร

ตัวอย่าง

var x = 911 + "Porsche";

ทดลองด้วยตัวเอง

ตัวอย่าง

var x = "Porsche" + 911;

ทดลองด้วยตัวเอง

JavaScript คำนวณสัญญาณจากฝั่งซ้ายไปฝั่งขวา จึงมีผลลัพธ์ที่ต่างกันตามลำดับ:

JavaScript：

var x = 911 + 7 + "Porsche";

ผลลัพธ์:

918Porsche

ทดลองด้วยตัวเอง

JavaScript：

var x = "Porsche" + 911 + 7;

ผลลัพธ์:

Porsche9117

ทดลองด้วยตัวเอง

ในตัวอย่างที่หนึ่ง JavaScript จะมอง 911 และ 7 ว่าเป็นปริมาณตัวเลข จนกระทั่งเจอ "Porsche"

ในตัวอย่างที่สอง ตั้งแต่องค์ประกอบแรกเป็นตัวอักษร ดังนั้นทุกองค์ประกอบถูกมองเป็นตัวอักษร

JavaScript มีลักษณะของปริมาณที่มีความเคลื่อนไหว

JavaScript มีลักษณะของปริมาณที่มีความเคลื่อนไหว ซึ่งหมายความว่าตัวแปรเดียวกันสามารถใช้เป็นชนิดต่างๆ:

ตัวอย่าง

var x;               // ตอนนี้ x คือ undefined
var x = 7;           // ตอนนี้ x คือปริมาณตัวเลข
var x = "Bill";      // ตอนนี้ x คือตัวอักษรปริมาณ

ทดลองด้วยตัวเอง

ตัวอักษรปริมาณ JavaScript

ตัวอักษร (หรือตัวอักษรข้อความ) คือกลุ่มของอักษร (เช่น "Bill Gates"):

ตัวอักษรถูกอักษรวรรษฐ์ล้อมรอบ คุณสามารถใช้อักษรวรรษฐ์เดียวกัน:

ตัวอย่าง

var carName = "Porsche 911";   // ใช้อักษรวรรษฐ์
var carName = 'Porsche 911';   // ใช้อักษรวรรษฐ์

ทดลองด้วยตัวเอง

คุณสามารถใช้อักษรวรรษฐ์ภายในตัวอักษรต่างๆ ได้ โดยเฉพาะเมื่ออักษรวรรษฐ์นั้นไม่ตรงกับอักษรวรรษฐ์ที่เข้าไปปิดตัวตัวอักษร:

ตัวอย่าง

var answer = "It's alright";             // ใช้อักษรวรรษฐ์ภายในอักษรวรรษฐ์
var answer = "He is called 'Bill'";    // ใช้อักษรวรรษฐ์ภายในอักษรวรรษฐ์
var answer = 'He is called "Bill"';    // ใช้อักษรวรรษฐ์ภายในอักษรวรรษฐ์

ทดลองด้วยตัวเอง

คุณจะเรียนรู้เรื่องของตัวอักษรมากขึ้นในคู่มือนี้:

ปริมาณตัวเลข JavaScript

JavaScript มีลักษณะของปริมาณตัวเลขเพียงชนิดเดียว:

ไม่มีความต้องการในการใช้จุดของเลขเมื่อเขียนค่าตัวเลข:

ตัวอย่าง

var x1 = 34.00;     // มีจุดของเลข
var x2 = 34;        // ไม่มีจุดของเลข

ทดลองด้วยตัวเอง

ค่าที่ใหญ่หรือเล็กมากที่สุดสามารถเขียนด้วยระบบนับทางวิทยาศาสตร์:

ตัวอย่าง

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

ทดลองด้วยตัวเอง

คุณจะเรียนรู้มากกว่าเกี่ยวกับตัวเลขในบทวิชานี้

ค่า boolean ของ JavaScript

ค่า boolean มีเพียงสองค่าเท่านั้น:true หรือ false。

ตัวอย่าง

var x = true;
var y = false;

ทดลองด้วยตัวเอง

ค่า boolean มักถูกใช้ในการทดสอบเงื่อนไข

คุณจะเรียนรู้มากกว่าเกี่ยวกับการทดสอบเงื่อนไขในบทวิชานี้

JavaScript 数组

array ของ JavaScript จะเขียนด้วยวงเล็บ

องค์ประกอบของ array แบ่งด้วยเครื่องหมายประกาย

รหัสด้านล่างนี้ประกาศ (สร้าง) ตัวแปร cars ที่มีองค์ประกอบสามราย (แบรนด์รถยนต์):

ตัวอย่าง

var cars = ["Porsche", "Volvo", "BMW"];

ทดลองด้วยตัวเอง

index ของ array มีฐานเป็น 0 ซึ่งหมายความว่า องค์ประกอบแรกคือ [0] องค์ประกอบที่สองคือ [1] และอย่างนั้นต่อไป

คุณจะเรียนรู้มากกว่าเกี่ยวกับ array ในบทวิชานี้

JavaScript 对象

JavaScript object จะเขียนด้วยวงเล็บ

ตัวแปรของ object คือ name:value ใช่แล้ว แบ่งด้วยเครื่องหมายประกาย

ตัวอย่าง

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

ทดลองด้วยตัวเอง

ในตัวอย่างที่ใช้ object (person) มีเก้าสมาธิการสี่ราย: firstName, lastName, age และ eyeColor

คุณจะเรียนรู้มากกว่าเกี่ยวกับ object ในบทวิชานี้

operator typeof

คุณสามารถใช้ operator typeof ของ JavaScript typeof เพื่อระบุประเภทของตัวแปร JavaScript

operator typeof คืนประเภทของตัวแปรหรือสัญญาณ

ตัวอย่าง

typeof ""                  // คืนค่า "string"
typeof "Bill"              // ส่งผล "string"
typeof "Bill Gates"          // คืนค่า "string"

ทดลองด้วยตัวเอง

ตัวอย่าง

typeof 0                   // คืนค่า "number"
typeof 314                 // คืนค่า "number"
typeof 3.14                // ส่งผล "number"
typeof (7)                 // คืนค่า "number"
typeof (7 + 8)             // คืนค่า "number"

ทดลองด้วยตัวเอง

operator typeof คืนค่า "object" สำหรับแบบที่เป็นแบบตัวแปร ตรงที่ใน JavaScript ตัวแปรเรียกว่าตัวแปรประเภท object

Undefined

ใน JavaScript ไม่มีค่าของตัวแปร ค่าของมันคือ undefined。typeof ยังส่งผล undefined。

ตัวอย่าง

var person;                  // ค่าเป็น undefined และประเภทเป็น undefined。

ทดลองด้วยตัวเอง

ทุกตัวแปรสามารถตั้งค่าด้วย undefined ทำการล้างข้อมูล และประเภทจะเป็น undefined。

ตัวอย่าง

person = undefined;          // ค่าเป็น undefined และประเภทเป็น undefined。

ทดลองด้วยตัวเอง

ค่าว่าง

ค่าว่างกับ undefined ไม่เป็นสิ่งเดียวกัน

ตัวแปรของข้อความว่างไม่มีข้อความเป็นไปตามที่มีค่าและประเภท

ตัวอย่าง

var car = "";                // ค่าเป็น "" และประเภทเป็น "string"

ทดลองด้วยตัวเอง

Null

ใน JavaScriptnull คือ "nothing"。มันถูกมองว่าเป็นสิ่งที่ไม่มีอยู่。

อย่างไรแล้ว ใน JavaScriptnull ประเภทของข้อมูลคือองค์ประกอบ。

คุณสามารถใช้ null ใน JavaScript ความเข้าใจขององค์ประกอบเป็นความผิดพลาด。มันควรเป็น null。

คุณสามารถตั้งค่าด้วย null การล้างข้อมูลขององค์ประกอบ

ตัวอย่าง

var person = null;           // ค่าเป็น null แต่ประเภทยังคงเป็น object

ทดลองด้วยตัวเอง

คุณยังสามารถตั้งค่าด้วย undefined การล้างข้อมูลขององค์ประกอบ

ตัวอย่าง

var person = undefined;           // ค่าเป็น undefined และประเภทเป็น undefined。

ทดลองด้วยตัวเอง

ความแตกต่างระหว่าง Undefined และ Null

Undefined กับ null มีค่าเท่ากัน แต่ประเภทต่างกัน:

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

ทดลองด้วยตัวเอง

ข้อมูลตัวเริ่มต้น

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

typeof ประเภทตัวเลขที่ประกาศได้โดยอุปกรณ์

  • string
  • number
  • boolean
  • undefined

ตัวอย่าง

typeof "Bill"              // ส่งผล "string"
typeof 3.14                // ส่งผล "number"
typeof true                // ส่งผล "boolean"
typeof false               // ส่งผล "boolean"
typeof x                   // ส่งคืน "undefined" (หาก x ไม่มีค่า)

ทดลองด้วยตัวเอง

ข้อมูลที่ซับซ้อน

typeof ตัวดำเนินการส่งคืนอาจเป็นหนึ่งในสองประเภทตัวแปร

  • function
  • วัตถุ

typeof ตัวดำเนินการส่งคืนวัตถุ ตัวแปรหรือ null ส่งคืน วัตถุ。

typeof ตัวดำเนินการไม่ส่งคืนฟังก์ชัน วัตถุ。

ตัวอย่าง

typeof {name:'Bill', age:62} // ส่งคืน "object"
typeof [1,2,3,4]             // ส่งคืน "object" (ไม่ใช่ "array", ดูหลักความที่ต่อไป)
typeof null                  // ส่งคืน "object"
typeof function myFunc(){}   // ส่งคืน "function"

ทดลองด้วยตัวเอง

typeof ตัวดำเนินการส่งคืนตัวแปรเป็น "วัตถุเพราะใน JavaScript ตัวแปรแบบมาตราฐานเป็นวัตถุ

อ่านเพิ่มเติม

ตัวเรียน JavaScript ระดับสูง：