คำอธิบายความรู้:
เมื่อเรียนรู้ JavaScript ให้ใส่ใจกับเจ็ดรายละเอียดต่อไปนี้เพื่อให้รหัสของเราเข้าใจได้ง่ายขึ้นและมีประสิทธิภาพมากขึ้นเมื่อใช้ฟังก์ชั่นเดียวกัน
1. ลดความซับซ้อนของรหัส
ตัวอย่างเช่น: สร้างวัตถุ
มันเป็นเช่นนี้มาก่อน:
var car = new Object ();
car.color =“ สีแดง”;
car.wheels = 4;
car.age = 8;
และตอนนี้สามารถเขียนได้เช่นนี้:
var car = {color: 'สีแดง', ล้อ: 4, อายุ: 8}
ตัวอย่างเช่น: สร้างอาร์เรย์
มันเป็นเช่นนี้มาก่อน:
var studentArray = new Array ('Zhangsan', 'Lisi', 'Zhaowu', 'Wuliu');
และตอนนี้สามารถเขียนได้เช่นนี้:
var studentArray = {'Zhangsan', 'Lisi', 'Zhaowu', 'Wuliu'};
ตัวอย่างเช่น: ลดความซับซ้อนของรหัสโดยใช้ตัวดำเนินการ ternary
วิธีการเขียนก่อนหน้านี้คือ:
ผลลัพธ์ var; ถ้า (x> 100) {result = 1;} else {result = -1;}และตอนนี้สามารถเขียนเป็น:
var result = x> 100? 1: -1;
2. ใช้ JSON เป็นรูปแบบข้อมูล
ใช้รูปแบบ JSON เพื่อจัดเก็บข้อมูล:
var band = {"name": "พริกพริกแดงร้อน", "สมาชิก": [{"ชื่อ": "Anthony Kiedis", "บทบาท": "นักร้องนำ"}, {"ชื่อ": "Michael 'Flea' Balzary", "Role": }, {"ชื่อ": "John Frusciante", "Role": "Lead Guitar"}], "ปี": "2009"}นอกจากนี้คุณยังสามารถใช้ JS เพื่อจัดเก็บข้อมูลรหัสมีดังนี้:
<div id = "dataDiv"> </div> <script> ฟังก์ชั่น savedata (data) {var out = "<ul>"; สำหรับ (var i = 0; i <data.length; i ++) {out+= "<li> <a href =" '+data [i] .url+' ">+data [i] .d+</a> </li>";คุณสามารถใช้ข้อมูลการจัดเก็บข้อมูลที่สร้างโดย JS ข้างต้นเป็นค่าส่งคืนของ API
<script src = "http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious">
</script>
3. พยายามใช้ฟังก์ชั่นดั้งเดิมของ JavaScript
ตัวอย่างเช่น: รับค่าสูงสุดในชุดข้อมูล
var maxdata = math.max (0,20,50,10);
การแจ้งเตือน (MaxData); // ที่ส่งคืนสูงสุดคือ 50
ตัวอย่างเช่น: ใช้ JS เพื่อเพิ่มสไตล์คลาสให้กับองค์ประกอบตัวอย่างโค้ดมีดังนี้:
ฟังก์ชั่น addClass (elm, newClass) {var classes = elm.classname.split (''); classes.push (Newclass); elm.classname = classes.oin ('');}4. การมอบหมายงาน
ตัวอย่างเช่น:
<H2> แหล่งข้อมูลเว็บที่ยอดเยี่ยม </h2><ul id = "ทรัพยากร"> <li> <a href = "http://opera.com/wsc"> Opera Web Standardscurriculum </a> </li> <li> <a href = "http://sitepoint.com href = "http://alistapart.com"> รายการออกจากกัน </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> <a href = "http://blameitonth href = "http://oddlyspecific.com"> เฉพาะเจาะจง </a> </li></ul>
วิธีที่ดีที่สุดในการเขียนสคริปต์:
(function () {var resources = document.getElementById ('ทรัพยากร'); resources.addeVentListener ('คลิก', ตัวจัดการ, เท็จ); ฟังก์ชั่นตัวจัดการ (e) {var x = e.target; // รับลิงก์ถ้า (x.nodename.toLowerCase () -V. ฟังก์ชั่นนิรนาม
var myApplication = function () {var name = 'Chris'; var Age = '34'; สถานะ var = 'single'; ฟังก์ชั่น createMember () {// [... ]} ฟังก์ชั่น getMemberDetails () {// [... ]} return {สร้าง: createMember, get: getMemberDetails}} (); // myApplication.get () และ myApplication.create () ตอนนี้ทำงาน6. รหัสสามารถกำหนดค่าได้
หากรหัสที่คุณเขียนต้องการทำให้ผู้อื่นใช้หรือแก้ไขได้ง่ายขึ้นจะต้องกำหนดค่าได้ วิธีแก้ปัญหาคือการเพิ่มวัตถุการกำหนดค่าให้กับสคริปต์ที่คุณเขียน ประเด็นสำคัญมีดังนี้:
1. เพิ่มวัตถุใหม่ที่เรียกว่าการกำหนดค่าลงในสคริปต์ของคุณ
2. เก็บทุกสิ่งที่คนอื่นอาจต้องการเปลี่ยนในวัตถุการกำหนดค่าเช่น CSS ID ชื่อคลาสภาษา ฯลฯ
3. ส่งคืนวัตถุนี้เป็นทรัพย์สินสาธารณะเพื่อให้ผู้อื่นสามารถเขียนใหม่ได้
7. ความเข้ากันได้ของรหัส
ความเข้ากันได้เป็นส่วนหนึ่งที่ผู้เริ่มต้นมีแนวโน้มที่จะเพิกเฉย โดยปกติเมื่อเรียนรู้ JavaScript พวกเขาจะถูกทดสอบในเบราว์เซอร์คงที่และเบราว์เซอร์นี้มีแนวโน้มที่จะเป็น IE ซึ่งเป็นอันตรายถึงชีวิตมากเพราะในบรรดาเบราว์เซอร์หลักที่สำคัญคือมีการสนับสนุนมาตรฐานที่เลวร้ายที่สุด ผลลัพธ์ที่ผู้ใช้ปลายทางเห็นคือรหัสที่คุณเขียนไม่ทำงานอย่างถูกต้องในเบราว์เซอร์ คุณควรทดสอบรหัสของคุณในเบราว์เซอร์กระแสหลักซึ่งอาจใช้เวลานาน แต่คุณควรทำ
ข้อควรระวังเจ็ดประการข้างต้นสำหรับการเรียนรู้ JavaScript [ต้องอ่าน] เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น