หน้าแรก>การสอนการออกแบบเว็บไซต์>การสอนจาวาสคริปต์

สรุปและจัดระเบียบไวยากรณ์พื้นฐานของ JavaScript

ผู้เขียน：Eve Cole เวลาอัปเดต：2022-08-08 08:55:00
บทความนี้นำความรู้ที่เกี่ยวข้องเกี่ยวกับ JavaScript ซึ่งส่วนใหญ่แนะนำปัญหาที่เกี่ยวข้องกับไวยากรณ์พื้นฐาน

บทนำ

JavaScript เป็นภาษาสคริปต์ที่ได้รับความนิยมมากที่สุดบนอินเทอร์เน็ต

คุณสมบัติของ JavaScript

  • JavaScript เป็นภาษาสคริปต์
  • JavaScript เป็นภาษาการเขียนโปรแกรมที่มีน้ำหนักเบา
  • JavaScript เป็นรหัสการเขียนโปรแกรมที่สามารถแทรกลงในหน้า HTML
  • เมื่อใส่จาวาสคริปต์ลงในหน้า HTML จะสามารถดำเนินการได้โดยเบราว์เซอร์ที่ทันสมัยทั้งหมด
  • JavaScript เรียนง่าย

JavaScript ได้รับมาตรฐานเป็นภาษาโดย ECMA (สมาคมผู้ผลิตคอมพิวเตอร์ยุโรป) ผ่าน ECMASCRIPT

ชื่อ ปี คำอธิบาย
1997 ECMASCRIPT 1 เวอร์ชันแรก
1998 ECMASCRIPT 2 การเปลี่ยนแปลงเวอร์ชัน
1999 ECMASCRIPT 3 เพิ่มนิพจน์ปกติเพิ่มลอง/จับ
Ecmascript 4 ไม่
ได้ เปิด ตัว
​​
​​​
​​​

เพิ่ม array.prototype.includes
การ

ใช้

งาน

สคริปต์สามารถวางไว้ในส่วน <body> และ <head> ของหน้า HTML

บ่อยครั้งที่เราจำเป็นต้องเรียกใช้งานรหัสเมื่อมีเหตุการณ์เกิดขึ้นเช่นเมื่อผู้ใช้คลิกปุ่ม หากเราใส่รหัส JavaScript ลงในฟังก์ชั่นเราสามารถเรียกใช้ฟังก์ชันเมื่อเหตุการณ์เกิดขึ้น

ตัวอย่างที่ 1: ฟังก์ชั่นสคริปต์ในหัว

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> สคริปต์ในแท็กหัว </title>
    <สคริปต์>
        ฟังก์ชั่น myfunction () {
            document.getElementById ("สาธิต"). innerhtml = "นี่คือฟังก์ชั่นของฉัน";
        -
    </สคริปต์>
</หัว>
<ร่างกาย>
<H1> ฟังก์ชั่นของฉัน </h1>
<p id = "สาธิต"> ย่อหน้า </p>
<button type = "button" onclick = "myfunction ()"> นี่คือฟังก์ชั่น </button>
</ร่างกาย>
</html>

ตัวอย่างที่ 2: ฟังก์ชั่นสคริปต์ในร่างกาย

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> สคริปต์ในร่างกาย </title>
</หัว>
<ร่างกาย>
<H1> ฟังก์ชั่นของฉัน </h1>
<p id = "ตัวอย่าง"> ฟังก์ชั่นของฉัน </p>
<button type = "button" onclick = "myfunction ()"> คลิก </button>
<สคริปต์>
    ฟังก์ชั่น myfunction () {
        document.getElementById ("demo"). innerhtml = "นี่คือฟังก์ชั่นของฉัน"
    -
</สคริปต์>
</ร่างกาย>
</html>

JavaScript สามารถวางไว้ภายนอกสำหรับการโทร

ตัวอย่างที่ 3: การโทรภายนอก javascriptexternal

call.js

ฟังก์ชั่น myfunction () {
    document.getElementById ('demo'). innerhtml = "นี่คือฟังก์ชั่นของฉัน"
}

เรียกสคริปต์ภายนอก

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> การเรียกสคริปต์ภายนอก </title>
</หัว>
<ร่างกาย>
<p id = "สาธิต"> ย่อหน้าของข้อความ </p>
<button type = "button" onclick = "myfunction ()"> ลองใช้ </button>
<script src = "script.js external script.js"> </script>
</ร่างกาย>
</html>
ข้อมูล JavaScript

เอาต์พุต

สามารถส่งออกในรูปแบบที่แตกต่างกัน:

  • ใช้ window.alert () เพื่อปรากฏกล่องเตือน
  • ใช้วิธี การ Document.write () เพื่อเขียนเนื้อหาลงในเอกสาร HTML
  • ใช้ InnerHTML เพื่อเขียนไปยังองค์ประกอบ HTML
  • ใช้ console.log () เพื่อเขียนลงในคอนโซลของเบราว์เซอร์

ตัวอย่างที่ 1: Aler () เอาต์พุตหน้าต่างป๊อปอัพ

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> แจ้งเตือนเอาต์พุต </title>
</หัว>
<ร่างกาย>
<H1> แจ้งเตือนเอาต์พุต </h1>
<สคริปต์>
    window.alert (5 + 6)
</สคริปต์>
</ร่างกาย>
</html>

ตัวอย่างที่ 2: document.write () เอาต์พุต

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> document.write output </title>
</หัว>
<ร่างกาย>
<h1> document.write output </h1>
<สคริปต์>
    document.write (วันที่ ());
    document.write ("สวัสดีเว็บ!");
</สคริปต์>
</ร่างกาย>
</html>

ตัวอย่างที่ 3: เขียนถึงเอกสาร HTML

<! Doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> เขียนถึงเอกสาร HTML </title>
</หัว>
<ร่างกาย>
<H1> เขียนถึงเอกสาร HTML </h1>
<สคริปต์>
    ฟังก์ชั่น myfunction () {
        document.write ("ฟังก์ชันเอาต์พุต");
    -
</สคริปต์>
<ปุ่ม onclick = "myfunction ()"> คลิกที่นี่ </button>
</ร่างกาย>
</html>

ตัวอย่างที่ 4: ใช้ console.log () เพื่อเขียนลงในคอนโซลของเบราว์เซอร์

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> ใช้ console.log () เพื่อเขียนลงในคอนโซลของเบราว์เซอร์ </title>
</หัว>
<ร่างกาย>
<H1> console.log () เขียนไปยังคอนโซลของเบราว์เซอร์ </h1>
<สคริปต์>
    a = 5;
    b = 6;
    c = a + b;
    console.log (c)
</สคริปต์>
</ร่างกาย>
</html>

ไวยากรณ์บทนำ

JavaScript เป็นภาษาสคริปต์

ตัวอักษร

ในภาษาการเขียนโปรแกรมโดยทั่วไปค่าคงที่เรียกว่าตัวอักษร

  • จำนวนตัวอักษร: มันอาจเป็นจำนวนเต็มหรือทศนิยมหรือสัญลักษณ์ทางวิทยาศาสตร์ (E) เช่น 3.14, 5.88 ฯลฯ
  • สตริงตัวอักษร: " คุณสามารถใช้คำพูดเดี่ยวหรือสองเท่าเช่น" สวัสดี "," เว็บ ", ฯลฯ
  • ตัวอักษรนิพจน์: ค่าคงที่สำหรับการคำนวณ 3 + 2.2, 3.14 * 2, ฯลฯ
  • อาเรย์ (อาร์เรย์): ตัวอักษร: กำหนด อาร์เรย์เช่น [1,2,3,4,5,6
  • ] "}.
  • ฟังก์ชั่นตัวอักษร: กำหนดฟังก์ชันตัวอย่างเช่นฟังก์ชัน myfunction (a, b) {return a * b;}.

โปรด

ทราบว่าใน

JavaScript

คำสั่งจะต้องถูกยกเลิกด้วย"; "

ตัวแปรถูกใช้เพื่อจัดเก็บค่า

ข้อมูล // หมายเลข var = x * 10;
"John"

,

LastName: "DOE"
}

;

, b) {
  • ส่ง
คืน A

+

B

;

  • JavaScript ใช้ชุดอักขระ Unicode
  • JavaScript แนะนำให้ใช้การตั้งชื่อเคสอูฐเพื่อกำหนดตัวแปรและหลีกเลี่ยงคำหลักในการตั้งชื่อ
  • JavaScript属于弱类型语言，定义变量都是var关键字。
ที่
คำหลัก JavaScript
( ตาม ลำดับ ตัว
อักษร ) บทคัดย่อ อื่น
ๆ อิน ส
แตน ซ์ ของ ซู
เปอร์ บู ลี น
enum int สวิตช์ เบรค
เบรค อินเตอร์เฟส การ ส่ง
ออก ไบต์ ที่ ซิ
ง โค ร ไน
ซ์ ขยาย ปล่อย ให้
กรณี นี้ เป็น เท็จ
var
ค่าเริ่มต้น ถ้า โมฆะ สาธารณะ
ลบ ดำเนินการ ส่งคืน ความผันผวน
ให้ นำเข้า สั้น ๆ ในขณะ
สองเท่า ใน แบบคงที่ ด้วย

ความคิดเห็น JavaScript (เช่นเดียวกับ Java)

// นี่คือรหัส: ความคิดเห็นประโยคเดียวโดยปกติแล้วคีย์ Ctrl + L ในตัวแก้ไข

/* นี่คือรหัส*/: ความคิดเห็นแบบหลายบรรทัดโดยปกติจะเป็น CTRL + Shift + L Keys ในตัวแก้ไข

คำสั่ง

คำสั่ง

JavaScript เป็นคำสั่งที่ออกให้กับเบราว์เซอร์บอกเบราว์เซอร์ว่าต้องทำอะไร คำสั่ง JavaScript ต่อไปนี้ส่งข้อความ "Hello World!" ไปยังองค์ประกอบ HTML ด้วย id = "Demo":

Document.getElementById ("Demo"). innerhtml = "Hello World!"

; วงเล็บหยิกนี่คล้ายกับ Java มาก

Java Identifier

คำสั่ง บล็อกคำสั่ง สวิตช์
JavaScript Identifier ทั่วไป
คำ อธิบาย
Break ใช้เพื่อแยกออกจากวง
Catch จะดำเนินการเมื่อเกิดข้อผิดพลาดระหว่างการดำเนินการของบล็อกคำสั่งลอง
ข้ามการทำซ้ำในลูป ต่อไป
ทำ ... ในขณะที่ ดำเนินการบล็อกคำสั่งและดำเนินการดำเนินการบล็อกคำสั่งต่อไปเมื่อคำสั่งเงื่อนไขเป็นจริง
สำหรับ สามารถเรียกใช้รหัสบล็อกจำนวนครั้งที่ระบุเมื่อคำสั่งเงื่อนไขเป็นจริง
สำหรับ ... ใน ใช้ในการสำรวจคุณสมบัติของอาร์เรย์หรือวัตถุ (ลูปผ่านคุณสมบัติของอาร์เรย์หรือวัตถุ)
ฟังก์ชั่น กำหนดฟังก์ชั่น
ถ้า ... อื่น ๆ เพื่อดำเนินการที่แตกต่างกันตามเงื่อนไขที่แตกต่างกัน
ฟังก์ชั่นการส่ง คืนกลับ
ใช้ เพื่อดำเนินการที่แตกต่างกันตามเงื่อนไขที่แตกต่างกัน
โยน โยน (สร้าง) ข้อผิดพลาด
ลอง ใช้การจัดการข้อผิดพลาดและใช้ร่วมกับการจับ
VAR ประกาศตัวแปร
ในขณะ ที่เมื่อคำสั่งเงื่อนไขเป็นจริงให้ดำเนินการบล็อกคำสั่ง

ภาษาส่วนใหญ่สามารถทำให้ช่องว่างได้โดยอัตโนมัติ ใน JavaScript สองประโยคต่อไปนี้เหมือนกัน:

var a = 10;
var b = 10

;

วัตถุ

นิยามวัตถุ

ทุกอย่างเป็นวัตถุอินสแตนซ์นามธรรมของลักษณะระหว่างสิ่งต่าง ๆ ที่มีลักษณะเดียวกัน เช่น Xiao Ming ในหมู่มนุษย์

ใน JavaScript วัตถุเป็นคอนเทนเนอร์ของตัวแปรแอตทริบิวต์คล้ายกับพจนานุกรมใน Python หรือแผนที่แฮชใน Java ซึ่งกำหนดคุณลักษณะของวัตถุ

var people = {
    FirstName: "Mike",
    นามสกุล: "Smith",
    อายุ: "18",
    ที่อยู่: "ปักกิ่ง",
    งาน: "นักเรียน"
};

ข้างต้นเป็นคำจำกัดความของวัตถุ

访问对象属性

可以说"JavaScript 对象是变量的容器"。但是，我们通常认为"JavaScript 对象是键值对的容器"。 คู่คีย์-ค่ามักจะเขียนเป็นคีย์: ค่า (คีย์และค่าถูกคั่นด้วยลำไส้ใหญ่) นอกจากนี้เรายังเข้าถึงคุณสมบัติผ่านสากล "." (ภาษาส่วนใหญ่ใช้สิ่งนี้)

<!DOCTYPE html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> นี่คือเว็บไซต์ </title>
</หัว>
<ร่างกาย>
<H1> แอตทริบิวต์การเข้าถึงคลาส </h1>
<!-ข้อความต่อไปนี้ต้องมาก่อนสคริปต์->
<p id = "สาธิต"> </p>
<สคริปต์>
    var people = {
        FirstName: "Mike",
        นามสกุล: "Smith",
        อายุ: "18",
        ที่อยู่: "ปักกิ่ง",
        งาน: "นักเรียน"
    -
    document.getElementById ("demo"). innerhtml =
        คน ["FirstName"] + "."
</สคริปต์>
</ร่างกาย>
</html>

วิธีการเข้าถึงสองวิธีคุณสามารถใช้ชื่อวัตถุได้อย่างต่อเนื่องหรือชื่อวัตถุ ["คุณสมบัติ"]

ฟังก์ชั่น

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

พารามิเตอร์และค่าส่งคืน

เมื่อคุณเรียกฟังก์ชั่นคุณสามารถผ่านค่ามันเรียกว่าพารามิเตอร์และไม่มีการ จำกัด จำนวนพารามิเตอร์

ฟังก์ชั่น myfunction ( var1 , var2 )
-
รหัส
}

เมื่อเรียกพารามิเตอร์พวกเขาควรจะผ่านอย่างเข้มงวดตามคำสั่งซื้อดังที่แสดงด้านล่าง:

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> นี่คือเว็บไซต์ JavaScript </title>
</หัว>
<ร่างกาย>
<h1> พารามิเตอร์ฟังก์ชั่นปัญหาการส่งผ่าน </h1>
<p> คลิกปุ่มด้านล่างเพื่อโทร </p>
<ปุ่ม onclick = "myfunc ('mike', '18', 'Beijing')"> คลิกที่นี่ </button>
<สคริปต์>
    ฟังก์ชั่น myfunc (ชื่ออายุที่อยู่) {
        การแจ้งเตือน ("ชื่อของฉันคือ" + ชื่อ + "อายุคือ" + อายุ + "และบ้านของฉันอยู่ใน" + ที่อยู่);
    -
</สคริปต์>
</ร่างกาย>
ฟังก์ชั่น 
</html>

JavaScript ได้รับอนุญาตให้มีค่าส่งคืนและคำหลักที่ส่งคืนจะส่งคืน เมื่อฟังก์ชั่นส่งคืนค่าฟังก์ชั่นจะหยุดการดำเนินการและคำสั่งต่อไปนี้จะไม่ถูกเรียกใช้งาน

ตัวอย่าง: คำนวณผลิตภัณฑ์ของสองตัวเลขและส่งคืนผลลัพธ์

<! doctype html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> เว็บไซต์ JavaScript </title>
</หัว>
<ร่างกาย>
<H1> คำนวณค่าของสองตัวเลขและส่งคืน </h1>
<p id = "สาธิต"> </p>
<สคริปต์>
    ฟังก์ชั่น myfunc (a, b) {
        คืน a * b;
    -

    document.getElementById ("สาธิต"). innerhtml = myfunc (3, 4);
</สคริปต์>
</ร่างกาย>
</html>

ตัวแปรตัวแปร

JavaScript ถูกแบ่งออกเป็นสองประเภท:

  • ตัวแปรทั่วโลก: ตัวแปรที่ประกาศนอกฟังก์ชั่นเป็นตัวแปร ทั่วโลก และสคริปต์และฟังก์ชั่นทั้งหมดบนหน้าเว็บสามารถเข้าถึงได้
  • ตัวแปรท้องถิ่น: ตัวแปรที่ประกาศภายในฟังก์ชัน JavaScript (โดยใช้ VAR) เป็นตัวแปรท้องถิ่นดังนั้นจึงสามารถเข้าถึงได้ภายในฟังก์ชั่นเท่านั้น

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

name = "Mike";

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

var1 = 1;
console.log (window.var1);

ลบ var1;

ลบ var2; 
console.log (ลบ var2);

console.log

(

var2

)

;

当在HTML 页面中使用JavaScript时， JavaScript可以触发这些事件。

เหตุการณ์ HTML อาจเป็นการกระทำของเบราว์เซอร์หรือการกระทำของผู้ใช้ ต่อไปนี้เป็นตัวอย่างของเหตุการณ์ HTM:

การ

  • โหลด
  • หน้า HTML เสร็จ
  • สิ้น

JavaScript สามารถเรียกใช้รหัสบางอย่างเมื่อมีการเรียกเหตุการณ์ แอตทริบิวต์เหตุการณ์สามารถเพิ่มลงในองค์ประกอบ HTML และรหัส JavaScript สามารถใช้เพื่อเพิ่มองค์ประกอบ HTML

  • 单引号：< some-HTML-element some-event = ' JavaScript 代码' >
  • 双引号：< some-HTML-element some-event = " JavaScript 代码" >
<!DOCTYPE html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> เหตุการณ์ JavaScript </title>
</หัว>
<ร่างกาย>
<H1> สองวิธีในการจัดการเหตุการณ์ JavaScript </h1>
<p id = "demoone"> </p>
<ปุ่ม onclick = "getElementById ('demoone'). innerhtml = วันที่ ()"> คลิกเพื่อดูเวลา 1 </putions>
<p id = "demotwo"> </p>
<ปุ่ม onclick = "this.innerhtml = date ()"> คลิกเพื่อดูเวลา 2 </putions>
</ร่างกาย>
</html>

JavaScript มักจะเป็นรหัสหลายบรรทัดและรหัสที่น้อยกว่าจะถูกเรียกผ่านแอตทริบิวต์เหตุการณ์

<!DOCTYPE html>
<html lang="th">
<หัว>
    <meta charset="UTF-8">
    <title> เหตุการณ์ JavaScript </title>
</หัว>
<ร่างกาย>
<H1> แอตทริบิวต์เหตุการณ์ JavaScript </h1>
<p> คลิกเพื่อเรียกใช้งาน <em> myfunc () </em> ฟังก์ชัน </p>
<ปุ่ม onclick = "myfunc ()"> คลิกที่นี่ </button>
<p id = "หนึ่ง"> </p>
<สคริปต์>
    ฟังก์ชั่น myfunc () {
        document.getElementById ("หนึ่ง"). innerhtml = วันที่ ();
    -
</สคริปต์>
</ร่างกาย>
</html>
onmouseover ผู้
เหตุการณ์ HTML เหตุการณ์ทั่วไป
เหตุการณ์ คำอธิบาย
OnChange องค์ประกอบ HTML เปลี่ยน
ไป ที่ผู้ใช้คลิกที่องค์ประกอบ HTML
ใช้
จะ ย้ายเมาส์บนองค์ประกอบ HTML
onmouseout ผู้
ใช้ จะย้ายเมาส์ออกจากองค์ประกอบ HTML
เบราว์เซอร์ได้เสร็จสิ้นหน้า

กิจกรรมเพิ่มเติมจะยังคงเรียนรู้หลังจาก

โหลด

เหตุการณ์บทบาทเหตุการณ์

สามารถใช้ในการจัดการการตรวจสอบความถูกต้องของฟอร์มการป้อนข้อมูลผู้ใช้พฤติกรรมผู้ใช้และการกระทำของเบราว์เซอร์:

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

สามารถใช้หลายวิธีในการเรียก

  • ใช้
  • งาน
  • JavaScript
คุณสามารถป้องกันการ

เกิด

  • เหตุการณ์

ได้

var a = "abc";
var b = "hello";

คล้าย

กับ Python

อักขระ

แต่ละตัวในสตริงสามารถเข้าถึงได้โดยใช้ดัชนี:

var c = b [1];
<!DOCTYPE html>
<html>
<หัว>
    <meta charset="utf-8">
    <title>字符串长度</title>
</หัว>
<ร่างกาย>
<สคริปต์>
    var txtOne = "Hello World!";
    document.write ("<p>" + txtone.length + "</p>");
    var txttwo = "abcdefghijklmnopqrstuvwxyz";
    document.write ("<p>" + txttwo.length + "</p>");
</สคริปต์>
</ร่างกาย>
</html>

JavaScript也有一些特殊字符，例如当我们要打印引号时，需要加上“”来进行转义，否则编译器无法解析。

ตัวอักษร
javaScript ตัวอักษรพิเศษ
รหัสเอาต์พุต
' ใบเสนอราคาเดี่ยว
" คำพูดสองครั้ง
\ backslash
nline feed
rcarriage return
ttab (แท็บอักขระ)
bbackspace อักขระ
fformfeed อักขระ

เป็นวัตถุ

โดยปกติแล้วสตริง javascript เป็นค่าดั้งเดิม

สามารถสร้างได้โดยใช้อักขระ: var firstName = "mike" แต่เรายังสามารถใช้คำหลักใหม่เพื่อกำหนดสตริงเป็นวัตถุ
:

var firstName = สตริงใหม่ ("Mike") ซึ่งคล้ายกับ Java ที่คล้ายกัน

property description
constructor returns the function that creates the string property
length returns the length of the string
prototype allows you to add properties and methods to the object
การค้นหา การค้นหา (
string common methods
method description
charAt() returns the character at the specified index position
charCodeAt() returns Specify
ค่า Unicode
ของ อักขระ
ที่ ตำแหน่ง
ดัชนี
สตริง
​​
​​
​​
​​
การจับคู่นิพจน์ปกติ
) ดึงค่าที่ตรงกับ
ชิ้นนิพจน์ทั่วไป () สกัดส่วนของสตริงและส่งคืนชิ้นส่วนที่แยกออกมาในสตริงแยกใหม่
() แยกสตริงออกเป็นอาร์เรย์ของ substrings
substr () จำนวนอักขระในสตริงจาก
Substring หมายเลขดัชนีเริ่มต้น () แยกอักขระระหว่างสองหมายเลขดัชนีที่ระบุในสตริง
tolocalelowercase () แปลงสตริงเป็นตัวพิมพ์เล็กตามที่ตั้งของโฮสต์มีเพียงไม่กี่ภาษาเพียงไม่กี่ภาษา (เช่นตุรกี) มีการทำแผนที่กรณีเฉพาะในท้องถิ่น
Tolocaleuppercase (
) เพื่อแปลงสตริงเป็นตัวพิมพ์ใหญ่ตามสถานที่ตั้งของโฮสต์
ในการแปลงตัวพิมพ์ใหญ่เป็นตัวพิมพ์เล็ก toString () ส่งคืนค่าวัตถุสตริง touppercase (

)

แปลง สตริง
เป็น
uppercase trim
( )
ลบ ช่องว่างชั้นนำ

ความแตกต่าง

1. สำหรับประเภทพื้นฐานเช่นสตริงและจำนวนมีความแตกต่าง

  • ระหว่าง == และ === a) การเปรียบเทียบระหว่างประเภทที่แตกต่างกัน == เปรียบเทียบ "ค่าหลังจากการแปลงเป็นประเภทเดียวกัน" เพื่อดูว่า "ค่า " are equal, === if the type If they are different, the result will be unequal.
  • b) For comparison of the same type, direct "value" comparison will result in the same result.

2、对于Array,Object 等高级类型，== 和=== 是没有区别的

进行"指针地址" 比较

3、基础类型与高级类型，== 和=== 是有区别的

  • a）对于==，将高级转化为基础类型，进行"值" 比较
  • b）因为类型不同，=== 结果为false

4、!= 为== 的非运算，!== 为=== 的非运算

var num=1；

var str = "1";

test var = 1;

test == num //true same type and same value test === num //true same type and same value test !== num //false test has the same type as num, and its value is also the same. The การไม่ทำงานจะต้องเป็นเท็จ 

num == str // true แปลง str เป็นตัวเลขและตรวจสอบว่ามันเท่ากันหรือไม่ 

num! = str // false == non-operation num === str // ประเภทเท็จแตกต่างกันกลับเท็จโดยตรง 

num !== str //true The different types of num and str mean that they are not equal. The non-operation is naturally true.

Operator

x
JavaScript common operators (y=5)
Operator description example x Operation result y Operation result
+ addition x = y+2 7 5
-subtraction x = y -2 3 5
* การคูณ x = y * 2 10 5
/ ส่วน x = y / 2 2.5 5
% โมดูโล (เหลือ) x = y % 2 1 5
++ เพิ่ม x =++y 6 6
x=y++ 5 6
--decrement= --y 4 4
x=y-- 5 4
JavaScript common assignment operators (x=10, y=5)
operator examples are equivalent to operations Result
= x = y x = 5
+= x+= y x = x+y x = 15
-= x- = y x = xy x = 5
*= x*= y x = x*y x = 50
/= x /= y x = x/y x = 2
%= x%= y x = x%y x = 0
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
ตัวดำเนินการเปรียบเทียบ JavaScript Common (x = 5)
คำ อธิบาย การเปรียบเทียบ ค่าส่งคืน
== เท่ากับ x == 8 false
x == 5 true
= = =
= เท่ากันอย่างแน่นอน (ทั้งค่าและประเภทเท่ากัน) x === "5" เท็จ
x === 5 จริง
! = ไม่เท่ากับ x! = 8 จริง
! == ไม่เท่ากันอย่างแน่นอน (หนึ่งในค่าและประเภทไม่ใช่ เท่ากันหรือทั้งสองอย่างไม่เท่ากัน) x! == "5" จริง
x! == 5 เท็จ
> มากกว่า x> 8 เท็จ
< น้อยกว่า x <8 true
> = มากกว่าหรือเท่ากับ x> = 8 เท็จ
<= น้อยกว่าหรือเท่ากับ x <= 8 true
<= น้อยกว่าหรือเท่ากับ x <= 8
คำ
ตัวดำเนินการตรรกะจาวาสคริปต์ที่แท้จริง (x = 6, y = 3)
อธิบาย ตัวดำเนินการ ตัวอย่าง
&& และ (x <10 && y> 1) คือ
TRUE || หรือ (x == 5

||

y
== 5 )
เป็น เท็จ !

For example:

variablename=(condition)?value1:value2

Conditional judgment

In JavaScript, we can use the following conditional statements:

  • if statement - only when the specified condition is true, use this statement to execute the code
  • if...else statement - when the condition Execute code when true and other code when condition is false
  • if...else if....else statement - Use this statement to select one of multiple blocks of code to execute
  • switch statement - Use this statement to select multiple One ของบล็อกรหัสเพื่อเรียกใช้

คำสั่ง IF

จะเรียกใช้รหัสเฉพาะเมื่อเงื่อนไขเป็นจริง ตัวอย่างเช่น:

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>JavaScript网站</title>
</หัว>
<ร่างกาย>
<h1>这是if语句</h1>
<button onclick="myFunc()">点击这里</button>
<p id = "หนึ่ง"> </p>
<สคริปต์>
    function myFunc() {
        var x = "";
        var time = วันที่ใหม่ (). gethours ();
        ถ้า (เวลา <20) {
            x = "สวัสดีก่อน 20:00";
        -
        document.getElementById("one").innerHTML = x;
    -
</สคริปต์>
</ร่างกาย>
</html>

ถ้า ... คำสั่งอื่น

ใช้คำสั่ง IF ... อื่นเพื่อเรียกใช้รหัสเมื่อเงื่อนไขเป็นจริงและรหัสอื่น ๆ เมื่อเงื่อนไขเป็นเท็จ

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>JavaScript网站</title>
</หัว>
<ร่างกาย>
<h1>这是if...else语句</h1>
<button onclick="myFunc()">点击这里</button>
<p id="one"></p>
<สคริปต์>
    function myFunc() {
        var x = "";
        var time = new Date().getHours();
        if (time < 20) {
            x = "Hello, Before 20:00";
        }อื่น {
            x = "Hello, After 20:00";
        -
        document.getElementById("one").innerHTML = x;
    -
</สคริปต์>
</ร่างกาย>
</html>

หลายข้อความ if .. else

<! doctype html>
<html lang="zh-CN">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>JavaScript网站</title>
</หัว>
<ร่างกาย>
<H1> หลายข้อความถ้า ... คำสั่งอื่น </h1>
<button onclick="myFunc()">点击这里</button>
<p id = "หนึ่ง"> </p>
<สคริปต์>
    ฟังก์ชั่น myfunc () {
        var x = "";
        var time = new Date().getHours();
        if (time < 12) {
            x = "上午好";
        } อื่นถ้า (เวลา <14) {
            x = "สวัสดีตอนบ่าย";
        -
        อื่น {
            x = "สวัสดีตอนบ่าย";
        -
        document.getElementById("one").innerHTML = x;
    -
</สคริปต์>
</ร่างกาย>
</html>

คำสั่งสวิตช์

ใช้คำสั่งสวิตช์เพื่อเลือกหนึ่งในหลายบล็อกของรหัสที่จะดำเนินการ如：

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title> เว็บไซต์ JavaScript </title>
</หัว>
<ร่างกาย>
<H1> คำสั่งสวิตช์ </h1>
<button onclick="myFunc()">点击这里</button>
<p id="one"></p>
<สคริปต์>
    function myFunc() {
        var x = "";
        var time = new Date().getMonth();
        สลับ (เวลา) {
            กรณีที่ 0:
                x = "มกราคม";
                หยุดพัก;
            กรณีที่ 1:
                x = "กุมภาพันธ์";
                หยุดพัก;
            กรณีที่ 2:
                x = "มีนาคม";
                หยุดพัก;
            กรณีที่ 3:
                x = "เมษายน";
                หยุดพัก;
            กรณีที่ 4:
                x = "พฤษภาคม";
                หยุดพัก;
            กรณีที่ 5:
                x = "Jane";
                หยุดพัก;
            กรณีที่ 6:
                x = "กรกฎาคม";
                หยุดพัก;
            กรณีที่ 7:
                x = "สิงหาคม";
                หยุดพัก;
            กรณีที่ 8:
                x = "กันยายน";
                หยุดพัก;
            case 9:
                x = "October";
                หยุดพัก;
            กรณีที่ 10:
                x = "พฤศจิกายน";
                หยุดพัก;
            กรณีที่ 11:
                x = "ธันวาคม";
                หยุดพัก;
            ค่าเริ่มต้น:
                x = "ข้อผิดพลาด";
        -
        document.getElementById ("หนึ่ง"). innerhtml = x;
    -
</สคริปต์>
</ร่างกาย>
</html>

Loop

JavaScript รองรับประเภทของลูปที่แตกต่างกัน:

  • สำหรับ - ลูปรหัสบล็อกจำนวนครั้งที่แน่นอน
  • สำหรับ/ใน - ลูปผ่านคุณสมบัติของวัตถุ
  • ในขณะที่ - ลูปบล็อกรหัสที่ระบุเมื่อเงื่อนไขที่ระบุเป็นจริง
  • /ในขณะที่ - เมื่อระบุเมื่อเงื่อนไขเป็นจริงให้วนบล็อกรหัสที่ระบุ

สำหรับ loop

<! doctype html>
<html>
<หัว>
    <meta charset="utf-8">
    <title>JavaScript循环</title>
</หัว>
<ร่างกาย>
<h1>点击按钮循环代码5次。 </h1>
<button onclick="myFunc()">点击这里</button>
<p id = "สาธิต"> </p>
<สคริปต์>
    ฟังก์ชั่น myfunc () {
        var x = "";
        for (var i = 0; i < 5; i++) {
            x = x + "หมายเลขคือ" + i + "<br>";
        -
        document.getElementById ("สาธิต"). innerHtml = x;
    -
</สคริปต์>
</ร่างกาย>
</html>

fo /in循环

<!DOCTYPE html>
<html lang="zh-CN">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<p> คลิกปุ่มด้านล่างเพื่อสำรวจแอตทริบิวต์บุคคลของวัตถุ </p>
<ปุ่ม onclick = "myfunc ()"> คลิกที่นี่ </button>
<p id="one"></p>
<สคริปต์>
    function myFunc() {
        ให้ x;
        ให้ข้อความ = "";
        const person = {
            FirstName: "Bill",
            lastName: "Gates",
            อายุ: 56
        -
        for (x in person) {
            text = text + "" + person [x];
        -
        document.getElementById ("หนึ่ง"). innerhtml = ข้อความ;
    -
</สคริปต์>
</ร่างกาย>
</html>

ในขณะที่ลูป

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<p> คลิกปุ่มและเอาต์พุตจะถูกพิมพ์หากฉันน้อยกว่า 5 </p>
<button onclick="myFunc()">点击这里</button>
<p id="one">显示在这里</p>
<สคริปต์>
    ฟังก์ชั่น myfunc () {
        ให้ x = "", i = 0;
        ในขณะที่ (i <5) {
            x = x + "这个数字为" + i + "<br>";
            ฉัน++;
        -
        document.getElementById("one").innerHTML = x
    -
</สคริปต์>
</ร่างกาย>
</html>

do/while循环

<!DOCTYPE html>
<html lang="zh-CN">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<p>点击按钮，打印小于5的数</p>
<button onclick="myFunc()">点击这里</button>
<p id = "หนึ่ง"> </p>
<สคริปต์>
    ฟังก์ชั่น myfunc () {
        ให้ x = "";
        let i = 0;
        ทำ {
            x = x + "หมายเลขคือ" + i + "<br>";
            ฉัน++;
        -
        while (i < 5);
        document.getElementById("one").innerHTML=x;
    -
</สคริปต์>
</ร่างกาย>
</html>

การเปรียบเทียบระหว่างสำหรับลูปและในขณะที่ลูป

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> นี่คือ funcone </p>
<ปุ่ม onclick = "funcone ()"> คลิก funcone </kout>
<p id="one">funcOne在这里</p>

<p> นี่คือ functwo </p>
<ปุ่ม onclick = "functwo ()"> คลิก functwo </ button>
<p id="two">funcTwo在这里</p>

<สคริปต์>
    ฟังก์ชั่น funcone () {
        ตัวเลข = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        let i = 0;
        ให้ addres = 0;
        while (numbers[i]) {
            addres += ตัวเลข [i];
            ฉัน++;
        -
        document.getElementById ("หนึ่ง"). innerhtml = addres + "<br>";

    -

    function funcTwo() {
        ตัวเลข = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        let i = 0;
        let mulRes = 1;
        for (; numbers[i];) {
            mulRes *= numbers[i];
            ฉัน++;
        -
        document.getElementById("two").innerHTML = mulRes + "<br>";
    -
</สคริปต์>

</ร่างกาย>
</html>

หยุดพักและ

ใช้คำสั่ง Break ดำเนินการต่อเพื่อแยกออกจากลูป continue 用于跳过循环中的一个迭代。

<!DOCTYPE html>
<html lang="zh-CN">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<p>这是continue和break语句</p>
<ปุ่ม onclick = "funcone ()"> คลิก funcone </kout>
<p id="one">这是funcOne</p>
<br>
<br>
<br>
<br>
<br>
<br>
<button onclick="funcTwo()">点击funcTwo</button>
<p id="two">这是funcTwo</p>
<สคริปต์>
    function funcOne() {
        let x = "";
        let i = 0;
        สำหรับ (i = 0; i <10; i ++) {
            ถ้า (i <5) {
                หยุดพัก;
            -
            x = x + "该数字为" + i + "<br>";
        -
        document.getElementById("one").innerHTML = x;
    -

    ฟังก์ชั่น functwo () {
        ให้ x = "";
        let i = 0;
        for (i = 0; i < 10; i++) {
            if (i === 8) {
                ดำเนินการต่อ;
            -
            x = x + "该数字为" + i + "<br>";
        -
        document.getElementById("two").innerHTML = x;
    -
</สคริปต์>

</ร่างกาย>
</html>

typeof, null และ undefined

ใช้ตัวดำเนินการ typeof เพื่อตรวจจับประเภทข้อมูลของตัวแปร

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<p id = "หนึ่ง"> </p>
<สคริปต์>
    document.getElementById ("หนึ่ง"). innerhtml =
        typeof "John" + "<br>" +
        typeof 3.14 + "<br>" +
        typeof false + "<br>" +
        typeof [1, 2, 3, 4] + "<br>" +
        typeof {name: 'john', age: 34};

</สคริปต์>

</ร่างกาย>
</html>

ใน JavaScript อาร์เรย์เป็นประเภทวัตถุพิเศษ 因此typeof [1,2,3,4] 返回object。

null表示空，也就是”什么也没有“。当使用typeof 检测时，返回object。对象可以使用undefined来清空。

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<p>one:</p>
<p id = "หนึ่ง"> </p>
<p>two:</p>
<p id="two"></p>

<สคริปต์>
    var person = {firstName: "Bill", lastName: "Gates", age: 50};
    var person = null;
    document.getElementById ("หนึ่ง"). innerhtml = person typeof;
    person = undefined
    document.getElementById("two").innerHTML = typeof person;
</สคริปต์>

</ร่างกาย>
</html>

constructor属性

constructor属性返回所有JavaScript变量的构造函数。可以使用constructor属性来查看对象是否为数组或者是否为日期(包含字符串"Date")等。

<!DOCTYPE html>
<html lang="zh-CN">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p>constructor属性返回变量或者构造函数</p>
<p id="one">HRER</p>
<สคริปต์>
    document.getElementById("one").innerHTML =
        "สวัสดี" .Constructor + "<br>" +
        3.14.constructor + "<br>" +
        false.constructor + "<br>" +
        [1, 2, 3].constructor + "<br>" +
        {name: "Hello", age: 18}.constructor + "<br>" +
        new Date().constructor + "<br>" +
        การทำงาน () {
        } .Constructor;
</สคริปต์>

</ร่างกาย>
</html>

ประเภทการแปลง

ตัวแปร JavaScript สามารถแปลงเป็นตัวแปรใหม่หรือประเภทข้อมูลอื่น ๆ :

  • แปลงโดย JavaScript โดยอัตโนมัติ
  • โดยใช้ฟังก์ชัน JavaScript
<! Doctype HTML>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> สตริง () เมธอดสามารถแปลงตัวเลขเป็นสตริง </p>
<p id = "หนึ่ง"> ที่นี่ </p>
<p> เมธอด toString () สามารถแปลงตัวเลขเป็นสตริง </p>
<p id="two">HERE</p>
<สคริปต์>
    let x = 123;
    document.getElementById("one").innerHTML =
        สตริง (x) + "<br>" +
        สตริง (123) + "<br>" +
        สตริง (100 + 23);
    document.getElementById("two").innerHTML =
        X.ToString () + "<br>" +
        (123) .tostring () + "<br>" +
        (100 + 123.2) .tostring ();
</สคริปต์>

</ร่างกาย>
</html>

ผู้ดำเนินการ Unary+

Operator+ สามารถใช้ในการแปลงตัวแปรเป็นตัวเลข:

<! doctype html>
<html lang="zh-CN">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<P>typeof操作符返回变量或者表达式类型</P>
<ปุ่ม onclick = "myfuncone ()"> คลิกที่นี่หนึ่ง </ button>
<p id="one">HERE</p>
<button onclick="myFuncTwo()">CLICK HERE TWO</button>
<p id="two">HERE</p>
<สคริปต์>
    function myFuncOne() {
        let y = "5";
        let x = +y;
        document.getElementById("one").innerHTML =
            typeof y + "<br>" + x + "<br>" + typeof x;
    -

    function myFuncTwo() {
        let a = "Hello";
        let b = +a;
        document.getElementById("two").innerHTML =
            typeof a + "<br>" + b + "<br>" + typeof b;
    -

</สคริปต์>
</ร่างกาย>
</html>
ที่ไม่
การแปลงค่าการแปลงค่าดั้งเดิมของ JavaScript
เป็นการ แปลงหมายเลข เป็นการ แปลงสตริงเป็นค่าบูลีน
เท็จ 0 "เท็จ" เท็จจริง
1 " จริง" จริง
0 0 "0" เท็จ
1 1 "1" จริง
"0" 0 "0" จริง
"000" 0 "000" true
"1" 1 "1" True
Nan Nan "Nan" False
Infinity Infinity " Infinity" True
-infinity -infinity "-infinity" TRUE
" " 0 "
" 20 "20" 20 "20 " true
"Runoob" NaN "Runoob" true
[ ] 0 "" true
[20] 20 "20" true
[10,20] NaN "10,20" true
["Runoob"] NaN "Runoob" true
["Runoob " , "google"] nan "runoob, google "
ฟังก์ชันจริง () {} nan "ฟังก์ชัน () {}" จริง
{} nan "[วัตถุวัตถุ]" true
null 0 "null "
NULได้ กำหนด NAN

"

นิพจน์ทั่วไป (ภาษาอังกฤษ: นิพจน์ทั่วไปมักจะย่อเป็น regex, regexp หรือ RE ในรหัส) ใช้สตริงเดียวเพื่ออธิบายและจับคู่ชุดของรูปแบบการค้นหาสตริงที่สอดคล้องกับกฎไวยากรณ์ที่แน่นอน

Search ()

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

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p>收索字符串，匹配位置</p>

<button onclick="myFuncOne()">CLICK HERE ONE</button>
<p id = "หนึ่ง"> ที่นี่ </p>

<button onclick="myFuncTwo()">CLICK HERE TWO</button>
<p id = "สอง"> ที่นี่ </p>

<สคริปต์>
    function myFuncOne() {
        let str = "Hello,World!";
        document.getElementById ("หนึ่ง"). innerhtml = str.search (/world/i);
    -

    function myFuncTwo() {
        let str = "Welcome to China!";
        document.getElementById ("สอง"). innerhtml = str.search ("จีน");
    -
</สคริปต์>

</ร่างกาย>
</html>

แทนที่ ()

ใช้เพื่อแทนที่อักขระบางตัวด้วยอักขระอื่น ๆ ในสตริงหรือแทนที่สตริงย่อยที่ตรงกับนิพจน์ทั่วไป

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> การแทนที่นิพจน์ทั่วไปแทนที่ () การแทนที่ </p>

<ปุ่ม onclick = "myfuncone ()"> คลิกหนึ่ง </button>
<p id = "หนึ่ง"> สวัสดี Java </p>

<ปุ่ม onclick = "myfunctwo ()"> คลิกสอง </button>
<p id = "สอง"> สวัสดี Java </p>

<สคริปต์>
    ฟังก์ชั่น myfuncone () {
        ให้ str = document.getElementById ("หนึ่ง"). innerhtml;
        document.getElementById ("หนึ่ง"). innerhtml = str.replace (/java/i, "python");
    -

    ฟังก์ชั่น myfunctwo () {
        ให้ str = document.getElementById ("สอง"). innerhtml;
        document.getElementById ("สอง"). innerhtml = str.replace ("java", "javascipt");
    -
</สคริปต์>

</ร่างกาย>
</html>

รูปแบบนิพจน์ปกติตัวดัดแปลง

ตัวดัดแปลงนิพจน์ปกติ
คำ อธิบายคำอธิบาย
ฉัน ทำการจับคู่แบบไม่ไวต่อตัวพิมพ์ใหญ่
G ดำเนินการจับคู่ทั่วโลก (ค้นหาการแข่งขันทั้งหมดแทนที่จะหยุดหลังจากพบการแข่งขันครั้งแรก)
m ทำการจับคู่หลายบรรทัด
คำอธิบาย การแสดงออกของ
 อักขระพิเศษพิเศษ
[ABC] พบอักขระใด ๆ ระหว่างวงเล็บเหลี่ยม
[0-9] พบหมายเลขใด ๆ ตั้งแต่ 0 ถึง 9
(x | y) ค้นหาตัวเลือกใด ๆ ที่คั่นด้วย |
ปริมาณการแสดงออกเชิง
คำอธิบายปริมาณ
 ปกติ
N+ ตรงกับสตริงใด ๆ ที่มีอย่างน้อยหนึ่ง n
n* ตรงกับสตริงใด ๆ ที่มีศูนย์หรือมากกว่า n 's
n ?

Test ()

ใช้เพื่อตรวจสอบว่าสตริงตรงกับรูปแบบที่แน่นอนหรือไม่

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<สคริปต์>
    ให้ obj = ใหม่ regexp ("e");
    ให้ boolone = obj.test ("สวัสดีนี่คือ JavaScript");
    ให้ booltwo = obj.test ("นี่คือ JavaScript");
    document.write (boolone + "<br>" + booltwo);
</สคริปต์>

</ร่างกาย>
</html>

exec ()

ใช้เพื่อดึงการจับคู่ของนิพจน์ปกติในสตริง หากไม่พบการจับคู่ค่าส่งคืนจะเป็นโมฆะ

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<สคริปต์>
    ให้ obj = ใหม่ regexp (/e/);
    resone = obj.exec ("สวัสดีนี่คือ JavaScript");
    restwo = obj.exec ("นี่คือ JavaScript");
    /*ไม่ได้หมายความว่าเป็นโมฆะ*/
    document.write (Resone + "<br>" + restwo);
</สคริปต์>

</ร่างกาย>
</html>

ข้อผิดพลาดข้อ

ผิดพลาด

ประเภทข้อผิดพลาด

  • เมื่อเอ็นจิ้น JavaScript เรียกใช้รหัส JavaScript ข้อผิดพลาดต่าง ๆ จะเกิดขึ้น
  • อาจเป็นข้อผิดพลาดทางไวยากรณ์มักจะเป็นข้อผิดพลาดในการเข้ารหัสหรือการพิมพ์ผิดโดยโปรแกรมเมอร์
  • อาจเป็นข้อผิดพลาดในการสะกดคำหรือคุณลักษณะที่ขาดหายไปในภาษา (อาจเกิดจากความแตกต่างของเบราว์เซอร์)
  • ข้อผิดพลาดอาจเกิดจากผลลัพธ์ที่ไม่ถูกต้องจากเซิร์ฟเวอร์หรือผู้ใช้
  • แน่นอนว่ามันอาจเป็นเพราะปัจจัยอื่น ๆ ที่คาดเดาไม่ได้อีกมากมาย

ลอง ... จับ

คำสั่งลองช่วยให้เราสามารถกำหนดบล็อกโค้ดที่ทดสอบข้อผิดพลาดระหว่างการดำเนินการและคำสั่ง Catch ช่วยให้เราสามารถกำหนดบล็อกรหัสที่ดำเนินการเมื่อเกิดข้อผิดพลาดในบล็อกลองโค้ด

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<อินพุต type = "button" value = "ดูข้อความ" onclick = "myfunc ()">>
<สคริปต์>
    ให้ txt = "";

    ฟังก์ชั่น myfunc () {
        พยายาม {
            Alert111 ("สวัสดีโลก!")
        -
        จับ (เอ่อ) {
            txt = "มีข้อผิดพลาดที่นี่  n  n";
            txt + = "คำอธิบายข้อผิดพลาด:" + err.message + " n  n";
            txt += "คลิกตกลงเพื่อดำเนินการต่อ  n  n";
            การแจ้งเตือน (txt)
        -
    -
</สคริปต์>

</ร่างกาย>
</html>

การโยน

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

<!DOCTYPE html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> กรุณากรอกหมายเลขระหว่าง 5-10 </p>
<label for = "one"> </label> <input id = "one" type = "text">
<button type = "button" onclick = "myfunc ()"> คลิก </button>
<p id = "ข้อความ"> ที่นี่ </p>

<สคริปต์>
    ฟังก์ชั่น myfunc () {
        ให้ข้อความ;
        ให้ x;
        message = document.getElementById ("ข้อความ");
        message.innerhtml = "";
        x = document.getElementById ("หนึ่ง") ค่า;
        พยายาม {
            ถ้า (x === "")
                โยน "ค่าว่างเปล่า";
            ถ้า (isnan (x))
                โยน "ไม่ใช่ตัวเลข";
            x = number (x);
            ถ้า (x <5)
                โยน "เล็กเกินไป";
            ถ้า (x> 10)
                โยน "ใหญ่เกินไป";
        } จับ (ข้อผิดพลาด) {
            message.innerhtml = "ข้อผิดพลาด" + ข้อผิดพลาด;
        -
    -
</สคริปต์>

</ร่างกาย>

การเรียกใช้ฟังก์ชัน

</html>

มีสี่วิธีในการเรียกใช้ฟังก์ชัน JavaScript โดยทั่วไปแล้วใน JavaScript สิ่งนี้ชี้ไปที่วัตถุปัจจุบันเมื่อมีการดำเนินการฟังก์ชัน

โทร 1: โทรเป็นฟังก์ชัน

หนึ่ง

ฟังก์ชัน myfunc (a, b) {
    คืน a * b;
-
MyFunc (1,

2

)
;
    คืน a * b;
-

window.myfunc (1, 2
)

;

<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> ฟังก์ชั่นที่เรียกว่าเป็นวิธีการ </p>
<p id = "หนึ่ง"> ที่นี่ </p>

<สคริปต์>
    ให้ myObject = {
        FirstName: "Bill",
        นามสกุล: "Gates",
        fullName: function () {
            ส่งคืนสิ่งนี้ firstname + "" + this.lastname;
        -
    -
    document.getElementById ("หนึ่ง"). innerhtml = myObject.fullName ();
</สคริปต์>

</ร่างกาย>
</html>

โทร 3: ใช้ตัวสร้างเพื่อเรียกใช้ฟังก์ชัน

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> ในตัวอย่างนี้ myfunc () เป็นตัวสร้างของฟังก์ชัน </p>
<p id = "หนึ่ง"> </p>
<สคริปต์>
    ฟังก์ชั่น myfunc (argone, argtwo) {
        this.name = argone;
        this.number = argtwo;
    -

    ให้ x = ใหม่ myfunc ("สวัสดี", 123);
    document.getElementById ("หนึ่ง"). innerhtml = x.name;
</สคริปต์>

</ร่างกาย>
</html>

โทร 4: เรียกฟังก์ชั่นเป็นวิธีฟังก์ชัน

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> ฟังก์ชั่นการโทรเป็นวิธีการฟังก์ชั่น </p>
<p id = "หนึ่ง"> ที่นี่ </p>

<สคริปต์>
    ปล่อยให้ OBJ, อาร์เรย์;

    ฟังก์ชั่น myfunc (a, b) {
        คืน a * b;
    -

    array = [5, 6];
    obj = myfunc.apply (obj, อาร์เรย์);
    document.getElementById ("หนึ่ง"). innerhtml = obj;
</สคริปต์>

</ร่างกาย>
</html>

ฟังก์ชั่นการ

ฝังตัว

ในความเป็นจริงใน JavaScript ฟังก์ชั่นทั้งหมดสามารถเข้าถึงขอบเขตของระดับบนของพวกเขา JavaScript รองรับฟังก์ชั่นซ้อนกันและฟังก์ชั่นซ้อนกันสามารถเข้าถึงตัวแปรฟังก์ชั่นของระดับบน ฟังก์ชัน inline plus () สามารถเข้าถึงตัวแปรตัวนับของฟังก์ชั่นหลัก:

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> ฟังก์ชั่นอินไลน์ </p>
<p id = "หนึ่ง"> ที่นี่ </p>

<สคริปต์>
    document.getElementById ("หนึ่ง"). innerhtml = เพิ่ม ();

    ฟังก์ชั่นเพิ่ม() {
        ปล่อยให้เคาน์เตอร์ = 0;

        ฟังก์ชัน Plus () {
            เคาน์เตอร์ += 1;
        -

        บวก ();
        เคาน์เตอร์กลับ;
    -
</สคริปต์>

</ร่างกาย>
</html>
การซื้อขายด้วยตนเองของฟังก์ชั่น

ปิด

เรียกว่า bibao

<! doctype html>
<html lang = "zh-cn">
<หัว>
    <meta http-equiv = "content-type" charset = "utf-8">
    <meta http-equiv = "x-ua ที่เข้ากันได้" เนื้อหา = "ie = edge">
    <title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>

<p> ตัวนับท้องถิ่น </p>
<button type = "button" onclick = "myfunc ()"> ตัวนับ </button>
<p id = "หนึ่ง"> ที่นี่ </p>

<สคริปต์>
    ให้ add = (function () {
        ปล่อยให้เคาน์เตอร์ = 0;
        return function () {
            ส่งคืนเคาน์เตอร์ += 1;
        -
    -

    ฟังก์ชั่น myfunc () {
        document.getElementById ("หนึ่ง"). innerhtml = เพิ่ม ();
    -
</สคริปต์>
</ร่างกาย>
</html>
บทความที่เกี่ยวข้อง