การฟอร์แมตโค้ดและการใช้ Linting เป็นกระบวนการสำคัญในการพัฒนาโปรแกรมที่ช่วยให้โค้ดของเรามีความสะอาด อ่านง่าย และป้องกันข้อผิดพลาดที่อาจเกิดขึ้นระหว่างการพัฒนา บทความนี้จะพูดถึงเครื่องมือที่ช่วยในการฟอร์แมตโค้ดและตรวจสอบโค้ดในภาษา Go และ JavaScript อย่าง go fmt, golint, Prettier, และ ESLint พร้อมทั้งตัวอย่างวิธีการใช้งาน เครื่องมือเหล่านี้ช่วยให้โค้ดของคุณมีคุณภาพสูงขึ้นและลดข้อผิดพลาดได้อย่างมีประสิทธิภาพ

การฟอร์แมตโค้ดและ Linting ใน Go

GoFmt: เครื่องมือสำหรับการฟอร์แมตโค้ดใน Go

ใน Go, การฟอร์แมตโค้ดเป็นเรื่องที่ง่ายมาก เพราะ Go มีเครื่องมือที่เรียกว่า go fmt ซึ่งเป็นเครื่องมือที่ช่วยในการจัดรูปแบบโค้ดให้เป็นมาตรฐานโดยที่ไม่ต้องตั้งค่าหรือปรับแต่งอะไรเพิ่มเติม

ตัวอย่างการใช้งาน go fmt:

เปิด terminal หรือ command line แล้วรันคำสั่ง go fmt ตามด้วยชื่อไฟล์ที่ต้องการฟอร์แมต:

go fmt myfile.go

ข้อดี:

✨ ใช้งานง่าย ไม่ต้องตั้งค่าเพิ่มเติม
✨ ทำให้โค้ดมีมาตรฐานเดียวกัน

ข้อเสีย:

⚠️ ไม่มีตัวเลือกให้ปรับแต่งการฟอร์แมตมากนัก

การใช้ Linting ใน Go (golint)

golint เป็นเครื่องมือที่ใช้ในการตรวจสอบโค้ด Go ว่ามีข้อผิดพลาดหรือไม่ตรงตามมาตรฐานหรือไม่ โดยจะตรวจสอบให้คำแนะนำเกี่ยวกับ styling, naming conventions, และ error handling ซึ่งช่วยทำให้โค้ดมีความสะอาดและป้องกันข้อผิดพลาด

การติดตั้ง golint:

go get -u golang.org/x/lint/golint

ตัวอย่างการใช้งาน golint:

golint myfile.go

ข้อดี:

✨ ช่วยตรวจสอบคุณภาพของโค้ดให้ตรงตามมาตรฐาน
✨ ช่วยให้โค้ดมีความสะอาดและง่ายต่อการบำรุงรักษา

ข้อเสีย:

⚠️ บางครั้งคำแนะนำอาจไม่เหมาะกับทุกกรณี

การฟอร์แมตโค้ดและ Linting ใน JavaScript

Prettier: เครื่องมือสำหรับการฟอร์แมตโค้ดใน JavaScript

ใน JavaScript, Prettier เป็นเครื่องมือยอดนิยมสำหรับการฟอร์แมตโค้ด ซึ่งสามารถปรับรูปแบบโค้ดให้เป็นไปตามมาตรฐานที่กำหนดได้โดยอัตโนมัติ

การติดตั้ง Prettier:

npm install --save-dev prettier

ตัวอย่างการใช้งาน Prettier:

ใช้คำสั่ง prettier ในการฟอร์แมตไฟล์:

prettier --write myfile.js

ข้อดี:

✨ สามารถปรับรูปแบบโค้ดได้อัตโนมัติ
✨ รองรับการทำงานในโปรเจกต์ที่หลากหลาย

ข้อเสีย:

⚠️ ต้องติดตั้งและตั้งค่าให้เหมาะสมกับโปรเจกต์

การใช้ Linting ใน JavaScript (ESLint)

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

การติดตั้ง ESLint:

npm install --save-dev eslint

การตั้งค่า ESLint:

สร้างไฟล์ .eslintrc.json ในโปรเจกต์ และเพิ่มการตั้งค่าใหม่:

{
  "env": {
    "browser": true,
    "es6": true
  },
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaVersion": 2015
  },
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
}

ตัวอย่างการใช้งาน ESLint:

npx eslint myfile.js

ข้อดี:

✨ ช่วยตรวจสอบข้อผิดพลาดในโค้ดและการปฏิบัติตามมาตรฐาน
✨ รองรับการปรับแต่งตามที่ต้องการ

ข้อเสีย:

⚠️ ต้องใช้เวลาในการตั้งค่าและปรับแต่ง

เปรียบเทียบการใช้ Prettier, ESLint และ go fmt, golint

สรุปและข้อแนะนำ

การใช้เครื่องมือ Prettier และ ESLint ใน JavaScript จะช่วยให้โค้ดมีความสะอาด อ่านง่าย และมีความปลอดภัยสูง

ใน Go, การใช้ go fmt และ golint ทำให้โค้ดมีมาตรฐานเดียวกันและลดข้อผิดพลาดที่เกิดขึ้นจากการเขียนโค้ดที่ไม่ตรงตามข้อกำหนด

หากคุณต้องการพัฒนาโค้ดที่มีคุณภาพสูงและตรวจสอบข้อผิดพลาดได้ง่าย ทั้ง Prettier, ESLint, go fmt, และ golint จะช่วยให้โปรเจกต์ของคุณมีความสมบูรณ์และปลอดภัยมากยิ่งขึ้น

ตอนต่อไป:

ใน EP.19 ของซีรีส์ JS2GO เราจะพาคุณไปทำความรู้จักกับ การทำงานกับ Events ใน JavaScript และ Go เพื่อเปรียบเทียบวิธีการจัดการ events ในทั้งสองภาษาและเรียนรู้วิธีการทำงานที่ดีที่สุด

อ่านบทความ Series อื่นๆ

• Golang The Series
• JS2GO
• 10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน

🔵 Facebook: https://www.facebook.com/superdev.academy.th

🔴 YouTube : Superdev Academy

📸 Instagram: Superdev Academy

🎬 TikTok: https://www.tiktok.com/@superdevacademy?lang=th-TH

🌐 Website: https://www.superdevacademy.com/