บทความนี้แนะนำไวยากรณ์พื้นฐาน (สามัญ) ของ JavaScript สำหรับการอ้างอิงของคุณ
ภาพรวม
ก่อนอื่นให้ฉันพูดถึงวิธีการเขียน JavaScript มีสองรูปแบบหนึ่งคือการเขียน JavaScript โดยตรงในหน้า HTML และอีกรูปแบบอื่นจะมีอยู่ในไฟล์ *.js จากนั้นอ้างอิงในหน้า
เมื่อเขียนโดยตรงคุณสามารถใส่ใน <head> </head> หรือ <body> </body> โดยทั่วไปฟังก์ชั่นจะถูกวางไว้ในพื้นที่ <head> และรหัสการดำเนินการเฉพาะอยู่ในพื้นที่ <body> ตัวอย่างเช่นเขียนในร่างกาย:
<body> <script> document.writeln ("ฮ่าฮ่า <br/>"); </script> </body>วิธีการอ้างอิง
<script type = "text/javascript" src = "js_css/menutree.js"> </script>
คำสั่งดำเนินการและวงจรชีวิต
JavaScript ดำเนินการ/แยกวิเคราะห์ตามลำดับจากบนลงล่าง เมื่อเรียกฟังก์ชั่นหรือฟังก์ชั่นจะต้องมั่นใจว่าฟังก์ชั่นได้รับการแยกวิเคราะห์/ประกาศ นี่คือเหตุผลว่าทำไมคำจำกัดความของฟังก์ชั่นจะถูกวางไว้ใน <head> โดยทั่วไป
ฟังก์ชั่นและตัวแปรทั้งหมดใช้ได้ในหน้านี้เท่านั้น หลังจากออกจากหน้าตัวแปรหรือฟังก์ชั่นที่ประกาศในหน้าก่อนหน้าไม่สามารถเข้าถึงได้ในหน้าใหม่ หากคุณต้องเยี่ยมชมคุณสามารถบันทึกด้วยคุกกี้และอ่านในหน้าถัดไป
ไวยากรณ์ - ตัวแปร
คำจำกัดความของตัวแปรเริ่มต้นด้วย VAR และคุณสามารถกำหนดตัวแปร คนที่อยู่ในตัวถังฟังก์ชั่นถือเป็นตัวแปรท้องถิ่นในขณะที่ตัวแปรภายนอกเป็นตัวแปรทั่วโลก ควรชี้ให้เห็นว่าไวยากรณ์ของจาวาสคริปต์นั้นยุ่งเหยิงมากและมีวิธีอื่นในการกำหนดตัวแปร แต่ฉันหวังว่าทุกคนจะไม่ใช้ไวยากรณ์ที่ยุ่งเหยิงอื่น ๆ เพียงแค่ใช้ไวยากรณ์ที่พบบ่อยที่สุดนี้ซึ่งเพียงพอและประหยัดการระดมสมอง
ทุกคนต้องเข้าใจเกี่ยวกับตัวแปร
(1) ตัวแปรเป็นประเภทที่อ่อนแอและสามารถเพิ่มจำนวนเต็มได้โดยตรงไปยังสตริงเพื่อรับสตริง
(2) ตัวแปรทั่วโลกที่เรียกว่าใช้ได้เฉพาะในหน้าปัจจุบัน เมื่อหน้าถูกขนถ่ายและกระโดดไปยังหน้าอื่นตัวแปรทั้งหมดจะถูกทำลาย ตัวแปรทั่วโลกเหล่านี้แตกต่างจากตัวแปรฝังตัวของเบราว์เซอร์ (หรือที่เรียกว่าตัวแทนผู้ใช้) แต่ละหน้ามีวัตถุฝังตัวโดยอัตโนมัติเช่นหน้าต่างและเอกสาร
(3) อย่าแยกความแตกต่างระหว่างคำพูดเดียวหรือคำพูดสองครั้ง
<script> // คำจำกัดความตัวแปร var nnumofbytes = 10; var fpercent = 0.32; var stryourname = 'mr.nown'; var prect = new Object (); </script>
ไวยากรณ์ - ฟังก์ชั่น
<script> ฟังก์ชั่น gotourl (strurl) {location.href = strurl; } </script>ฟังก์ชั่นสามารถเรียกได้ในเหตุการณ์ HTML/ฟอร์ม/JavaScript เช่น:
Event Event Event Event Event:
<body onload = "gotourl ('// www.vevb.com')">>
รูปแบบองค์ประกอบการโทรกลับ
<select name = "somelist" onChange = "onsomethoneChanged ()">
เป้าหมายไฮเปอร์ลิงก์
<a href = "javascript: gotourl ('www.vevb.com')"> ไป </a>
โทรโดยตรงใน JavaScript
<script> gotourl ("www.vevb.com"); </script>ไวยากรณ์ - คลาส
โดยทั่วไป JavaScript ไม่จำเป็นต้องใช้คลาสที่กำหนดเองซึ่งหมายความว่าโดยทั่วไปจะไม่ถึงระดับที่ซับซ้อนเช่นนี้ เพราะมันเป็นภาษาสคริปต์เพียงแค่เขียนคำสองสามคำ อันดับแรกมันเป็นเรื่องยากที่จะแก้ไขข้อบกพร่องและประการที่สองมันไม่สะดวกที่จะอ่าน แต่ถ้าคุณต้องเขียนฟังก์ชั่นที่ซับซ้อนเช่นต้นไม้เมนูคุณต้องเขียนหมวดหมู่เพื่อให้เสร็จสมบูรณ์
ในทำนองเดียวกันคลาสยังมีสองรูปแบบที่กำหนดไว้ใน JavaScript เราแค่ต้องรู้รูปแบบต่อไปนี้ รูปแบบอื่นไม่ดีดังนั้นจึงเป็นการดีกว่าที่จะไม่รู้
ก่อนอื่นใช้เวลาโดยไม่มีพารามิเตอร์ตัวสร้าง:
<script> ฟังก์ชั่น sampleClass () {// นิยามตัวแปรตัวแปรนิยาม this.nid = 10; // ฟังก์ชั่นสมาชิกนิยาม this.plusId = ฟังก์ชั่น (nplus) {return this.nid + nplus; }} </script>คลาสทำพารามิเตอร์อื่น
ฟังก์ชั่น menuitem (l, h, t) {this.label = l; this.href = h; this.target = t; this.tohtml = function () {var html = "<a href = '" this.href + "'"; if (this.target! = null) html + = ("target = '" this.target + "'"); html + = ">" + this.label + "</a>"; ส่งคืน html; -สร้างอินสแตนซ์ของคลาส
var item = menuitem ใหม่ ("ฮ่าฮ่า", //www.vevb.com, null);
เกี่ยวกับชั้นเรียนโปรดทราบประเด็นต่อไปนี้:
(1) อย่าเขียนชั้นเรียนตั้งแต่เริ่มต้น โปรดคัดลอกจากฉันแล้วแก้ไขเพื่อให้ไม่มีปัญหาที่อธิบายไม่ได้
(2) เพื่ออ้างถึงตัวแปรสมาชิกในฟังก์ชั่นสมาชิกให้แน่ใจว่าได้เพิ่มสิ่งนี้มิฉะนั้นการอ้างอิงจะไม่สามารถทำได้
(3) หากฟังก์ชั่นสมาชิกต้องการส่งคืนค่าให้ใช้ผลตอบแทน หากคุณต้องการส่งคืนประเภทใด ๆ คุณไม่จำเป็นต้องประกาศล่วงหน้า เพียงแค่ส่งคืนโดยตรง
(4) สำหรับโปรแกรมเมอร์ที่เรียนรู้ C ++ และ Java คุณต้องเข้าใจว่า var p = someclass ใหม่ (); ใหม่ในประโยคนี้คือการสร้างวัตถุและส่งคืนตัวชี้
(5) พิจารณาใช้คลาสวัตถุ
ไวยากรณ์ - คลาสวัตถุ
ไวยากรณ์ JavaScript นั้นวุ่นวายมากและภาษาสคริปต์ไม่สูงเกินไป แม้ว่าคุณจะสามารถปรับแต่งชั้นเรียนได้ แต่ในกรณีส่วนใหญ่คุณไม่จำเป็นต้องประกาศชั้นเรียนด้วยตัวเอง คุณสามารถใช้คลาสวัตถุโดยตรงเพื่อกำหนดโครงสร้างโดยไม่ต้องประกาศรูปแบบของโครงสร้างนี้ล่วงหน้า
ชอบ:
ฟังก์ชั่น createObject () {var obj = วัตถุใหม่ (); obj.x = 10; obj.y = 11; ส่งคืน obj;}เมื่อเห็นว่าฟังก์ชั่นนี้แบบสุ่มสร้างวัตถุเพิ่มสมาชิก X และ Y ลงในนั้นและไม่แจ้งให้ใครทราบ (ไม่มีการประกาศต้นแบบ) ผู้ใช้ยังสามารถโทรหาวัวและ OY ได้โดยตรงโดยไม่ต้องคาดเดา
<script> var o = createObject (); document.writeln ("x =" + ox + ", y =" + oy); </script>แต่ด้วยเหตุผลด้านความปลอดภัยก็สามารถเขียนได้เช่นนี้:
var o = createObject (); if (ox! = null && oy! = null) {document.writeln ("x =" + ox + ", y =" + oy); -ไวยากรณ์ - อาร์เรย์
<script> // สร้าง var a = array ใหม่ (); // ตัวอย่างสำหรับ (var i = 0; i <a.length; i ++) {var e = a [i]; } // เพิ่มรายการ var = menuitem ใหม่ ("000"); this.itemarray.push (รายการ); </script>จะลบองค์ประกอบได้อย่างไร? อย่าลืมกำหนดค่าโดยตรงให้เป็นโมฆะจากนั้นทดสอบแล้วเพิ่ม
อาร์เรย์เป็นตัวแปรสมาชิก
เมนูฟังก์ชั่น () {this.itemarray = new Array (); this.additem = ฟังก์ชั่น (l, h, t) {var item = new menuitem (l, h, t); this.itemarray.push (รายการ); - -บทสรุปข้างต้นของไวยากรณ์หลักของ JavaScript (แนะนำ) คือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น