การสร้างโค้ด

การสร้างโค้ดคือขั้นตอนการเปลี่ยนบล็อกบนพื้นที่ทำงานให้เป็น สตริงโค้ดที่สามารถดำเนินการได้

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

Blockly ไม่ "เรียกใช้" บล็อกโดยตรง แต่คุณจะสร้างสตริงโค้ดขึ้นมาแทน แล้วดำเนินการเหล่านั้น

เครื่องมือสร้างโค้ด

หากต้องการสร้างโค้ด ให้ใช้อินสแตนซ์โปรแกรมสร้างโค้ด

ข้อมูลโค้ดนี้จะแสดงวิธีการสร้างโค้ด JavaScript สำหรับบล็อกใน พื้นที่ทำงาน:

// javascriptGenerator is a code generator that makes JavaScript strings.
import {javascriptGenerator} from 'blockly/javascript';

const code = javascriptGenerator.workspaceToCode(myWorkspace);

ดูข้อมูลเพิ่มเติมเกี่ยวกับโปรแกรมสร้างโค้ดต่างๆ ที่ Blockly มีให้ และวิธีเข้าถึงภาพรวมโปรแกรมสร้างโค้ด

เครื่องมือสร้างบล็อกโค้ด

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

ข้อมูลโค้ดนี้ระบุโปรแกรมสร้างบล็อกโค้ด JavaScript สำหรับ "move" ไปข้างหน้า" บล็อก:

javascriptGenerator.forBlock['my_custom_block'] = function(block, generator) {
  const steps = block.getFieldValue('FIELD_NAME');
  // moveForward is a function you would have to define yourself and provide
  // within your execution context.
  return `moveForward(${steps});\n`;
}

ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีกําหนดเครื่องมือสร้างบล็อกโค้ดได้ที่ เครื่องมือสร้างบล็อกโค้ด

การลงมือปฏิบัติ

หลังจากที่คุณได้สร้างโค้ดแล้ว คุณต้องหาวิธีเรียกใช้โค้ดนั้น การตัดสินใจเกี่ยวกับวิธีเรียกใช้โค้ดขึ้นอยู่กับแอปพลิเคชันเฉพาะและอยู่นอกขอบเขต ของ Blockly

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีเรียกใช้โค้ด โปรดดู การทำงานของโค้ด