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

การสร้างโค้ดเป็นกระบวนการเปลี่ยนบล็อกบนพื้นที่ทำงานเป็นสตริงของโค้ดที่ดำเนินการได้

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

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

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

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

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

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

const code = javascriptGenerator.workspaceToCode(myWorkspace);

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

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

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

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

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีเรียกใช้โค้ดได้ที่การเรียกใช้โค้ด