จัดระเบียบโค้ด PHP ก่อนแชร์

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

วิธีเตรียมโค้ดตัวอย่างก่อนแชร์

  1. 1

    ตัดโค้ดให้สั้นลงก่อน

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

  2. 2

    วางโค้ด

    วางโค้ดตัวอย่างที่ตัดแล้วลงในช่องโค้ด PHP และเลือก 2 หรือ 4 ช่องว่าง

  3. 3

    ไปที่ผลลัพธ์

    เปิดเวอร์ชันที่จัดระเบียบแล้ว

  4. 4

    คัดลอกและโพสต์

    ตรวจเทียบกับต้นฉบับ แล้ววางลงในบล็อกโค้ดตรงจุดที่คุณจะโพสต์

ทำไมการจัดรูปแบบจึงช่วยผู้อ่าน

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

ก่อนและหลัง

โค้ดต้นฉบับ คัดลอกมาจากล็อก:

<?php function total($items){$sum=0;foreach($items as $item){$sum+=$item["price"];}return $sum;}

หลังจัดระเบียบด้วยการเยื้อง 4 ช่องว่าง:

<?php function total($items)
{
    $sum=0;
    foreach($items as $item)
    {
        $sum+=$item["price"];
    }
    return $sum;
}

รายการตรวจสอบสั้น ๆ ก่อนโพสต์

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

เครื่องมือนี้ไม่ได้ทำอะไร

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

ใช้ได้ในกรณีใดบ้าง

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

ในทุกกรณี ผู้อ่านจะเห็นโครงสร้างก่อนแล้วจึงเห็นปัญหา ซึ่งเป็นลำดับที่คุณต้องการ

ทำให้โค้ดตัวอย่างซื่อตรง

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

คำถามที่พบบ่อย

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

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

ไม่ได้ เครื่องมือนี้ไม่ได้ตรวจไวยากรณ์และไม่ได้รันโค้ดตัวอย่าง มันเพียงปรับปรุงการจัดวางของโค้ดเท่านั้น

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

เครื่องมือที่เกี่ยวข้อง

ตัวสร้างการตั้งค่า Webpack

สร้าง webpack.config.js สำหรับ webpack 5 ทั้งแบบ JavaScript ล้วน React หรือ Vue พร้อม TypeScript, Babel, CSS หรือ Sass, รูปภาพ, HtmlWebpackPlugin, เซิร์ฟเวอร์สำหรับพัฒนา และคำสั่ง npm install

เครื่องแปลงฐานตัวเลข

แปลงตัวเลขระหว่างฐานสอง ฐานแปด ฐานสิบ ฐานสิบหก และฐานกำหนดเองตั้งแต่ 2 ถึง 36 พร้อมการแยกค่าประจำหลัก

ตัวแปลง Timestamp

แปลง timestamp ของ Unix ในหน่วยวินาทีหรือมิลลิวินาทีเป็นวันที่ที่อ่านง่ายในเขตเวลา UTC และเขตเวลาหลัก และแปลงวันที่กลับเป็นค่า epoch

อ้างอิงตัวอักษร HTML

รายการที่สามารถค้นหาได้ขององค์ประกอบ HTML พร้อมรหัสชื่อและรหัสตัวเลข รวมถึงฟังก์ชันสำเนาด้วยคลิกเดียวสำหรับตัวอักษรพิเศษและสัญลักษณ์ต่างๆ

ตารางอ้างอิง ASCII

ตาราง ASCII ครบตั้งแต่ 0 ถึง 127 พร้อมค่าเลขฐานสิบ ฐานสิบหก ฐานแปด ฐานสอง และรูปแบบการอ้างอิงอักขระแบบตัวเลขของ HTML รวม NUL, LF และ DEL

เครื่องสุ่มที่อยู่

สร้างระเบียนคล้ายที่อยู่ 1–20 รายการสำหรับแบบจำลองและการทดสอบ ด้วยรูปแบบประเทศแบบย่อ

เครื่องมือนี้มีให้บริการในภาษาอื่น

คู่มือและกรณีการใช้งาน