การใช้ไลบรารีใน JavaScript

มาดูหลักการทั่วไปของการใช้งานไลบรารีกัน สมมติว่าเราต้องการไลบรารีที่มีฟังก์ชันที่สะดวกสำหรับการทำงานกับอาร์เรย์ สมมติว่าเราได้ค้นหาใน Google และพบไลบรารี lodash.

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

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

ไลบรารีที่ดาวน์โหลดมาแล้วจำเป็นต้องเชื่อมต่อ กับไฟล์ HTML ของคุณ:

html<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script src="lodash.js"></script>
  </head>
  <body>
  
  </body>
</html>

ไลบรารีที่เชื่อมต่อแล้วจะสร้างตัวแปรหนึ่งตัว หรือหลายตัวในขอบเขตการมองเห็นทั่วไป ในกรณีของ lodash ตัวแปรนี้ เรียกว่า _ ตอนนี้ให้ด้านล่าง การเชื่อมต่อไลบรารี เราเชื่อมต่อไฟล์ของเราเอง ซึ่งเราจะเขียนโค้ด ของเว็บไซต์ของเรา:

html<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script src="lodash.js"></script>
    <script src="test.js"></script>
  </head>
  <body>
  
  </body>
</html>

ในไฟล์นี้จะสามารถเข้าถึงตัวแปรโกลบอล ที่สร้างขึ้นโดยไลบรารี lodash ที่เชื่อมต่อไว้ก่อนหน้านี้ได้:

test.jsconsole.log(_); // ในตัวแปรนี้คือไลบรารี lodash

ลองใช้หนึ่งในเมธอดของ ไลบรารีที่เชื่อมต่อแล้ว:

test.jslet res = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log([['a', 'b'], ['c', 'd']]);