`
lizhiddlz
  • 浏览: 19399 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

【blockly教程】第二章 Blockly编程基础

阅读更多
2.1 Blockly的数据类型
2.1.1 数据的含义
 在计算机程序的世界里,程序的基本任务就是处理数据,无论是数值还是文字、图像、图形、声音、视频等信息,如果要在计算机中处理的话,就必须将它们转换成所谓的数字信息,因为计算机中只能存储数字,甚至连计算机程序都是由数字组成的,所以在使用计算机程序解决问题的时候,首先需要把需要处理的信息数字化,即使用数字表示需要处理的信息。如果我们要处理图像信息,可以把一副图像可以看做是由m行n列的点组成的,每一个点是一种颜色,每一种颜色可以使用三个数据(R、G、B)来表示,R表示红色的比例、G表示绿色的比例、B表示蓝色的比例,这样就可以用个数据表示一副图像了。如果我们需要处理文字信息,例如英文,文字是由字母及一些标点符号组成的,我们可以将每一个符号用一个数字来表示,例如在ASCII编码标准中,用65表示字母“A”,用66表示字母“B”等等,只要把我们所使用的每个符号都进行编码(数字化),我们就可以在计算机中处理文字信息了,总之,不论什么信息,如果要使用计算机程序来处理的话,就必须进行数字化,即将它们转换成数字表示的形式,才能够在计算机中处理。如果我们使用BLOCKLY书写的程序处理数据,由于任何信息在计算机中都是以数据的形式存在的,表示数据的形式可能就多种多样,于是就出现了这样一些基本问题,在BLOCKLY可以使用那些种类的数据?每一种类型的数据的书写形式是怎样的?本章的其余部分将详细讨论这些问题。

2.1.2 Blockly中的数据
1.计算机中数据的表示形式
(1)二进制表示
众所周知,在计算机中,采用二进制代码表示字母、数字字符以及各种各样的符号、汉字等。在处理信息的过程中,可将若干位的二进制代码组合起来表示各种各样的信息。但由于二进制数不直观,人们在计算机上实际操作时,输入、输出的数值数据都是十进制,而具体转换成二进制编码的工作则由计算机软件系统自动完成。字母和各种字符在计算机中的传输普遍采用ASCII码,即美国标准信息交换码,它用了7位二进制数来表达字母和各种常用字符。对于汉字信息的表示比较复杂,我国有汉字几万个,常用的汉字也有7000多个,为了统一,我国制定了汉字编码标准,规定了一、二级汉字共6763个,用两个字节来表示一个汉字。
(2)十进制表示
十进制形式是我们最熟悉的表达形式,十进制数的书写规则是由正负号开头,后跟一个自然数的形式,如果是正数,正号可以省略。例如:-213、0、415、76、+83都是合法的整数。在BLOCKLY中,如不特殊定义,所有数一般默认为十进制。

11
(3)八进制形式
使用八进制形式表示一个整数,八进制数的书写规则是以数字0开头,后跟一个八进制形式的数,如果是负数,则以负号开头。例如:0123、-087、00、+0327等都是合法的八进制形式。
(4)十六进制形式
以“0x”开头,后跟一个十六进制数,例如:0xFF03、0x123、0xAC7等都是合法的十六进制形式,而x37、287都是非法的十六进制形式。

2.Blockly中的数据类型
(1)实数
程序中所有的数据都有特定类型,数据的表示方式、取值范围以及对数据可以使用的操作都由数据所属的类型决定。类型可以帮助编译程序生成高效的目标代码,编译程序在生成目标代码时,可按需分配存储空间可如何引用这个数据。一个数据属于某个特定的类型后,在数据上允许操作的运算也确定了。例如,整数可以做四则运算等;字符串则可以进行比较、连接、判断子串等,但不能做四则运算。

22
 在BLOCKLY中,提供了数据输入模块,其默认一定的存储长度,默认数值为0。  在一些计算公式中提供了的数据输入模块,如下。

33
 各模块数据输入只区分数字、字符类型,也就是说在允许输入数字的模块中不允许输入字符,可以输入任何数字。但是在程序具体执行过程中,程序会对输入数字类型的合法性进行检查。

44
(2)字符
 字符类型的数据,字符在内存中存储的是该字符的ASCII编码值,由于字符数据存储的就是一个字符的编码数值,所以字符数据也可以当做一个整数。在BLOCKLY中的基本表示形式是用“”引用起来,比如“A”、“”Q、“a”、“b”、“#”、“-”、“。”等。使用双引号将一个数字放在引号里面,其意义也表示该数字,和不用引号表示的意义相同,如“65”和65的意义相同。但是大写字母和对应的小写字母对应的ASCII编码值不同,因此为不同的字符。如“A”、 “a”为不同字母。
 同样的,在BLOCKLY的字符输入模块中,允许输入任何形式的字符和数字,只要不超出特定的长度都是合法的。只有在程序执行的时候才检查输入是否正确。
(3)字符串
 在BLOCKLY中字符串的表示和单个字符的表示形式是一样的
 下面几个模块是BLOCKLY提供的字符串输入模块。

55
如字符串输入模块:

66
如求字符串的长度:

77
如小写字符变大写字母:

88
如添加字符串:

99
(4)数据使用
 前面讲过,在BLOCKLY中,数据和字符定义过程中程序给了一定的存储空间,BLOCKLY不计较输入数据或字符的类型和长度,程序员不需要考虑非法输入带来的麻烦,这给了程序员极大的方便。如下:

10
101
 但是,在程序运行过程中,如果数据输入错误或当数据超过程序可表示的范围,数据将会产生错误。例如:

103
如图可见,当超过16位后的数据不再进行计算,而是原数据输出。例如:

104
 在该循环语句中的重复次数输入模块默认输入数据为正整数。如果输入负数,程序默认为0;如果输入小数,默认在其整数部分上加1。

2.2变量的定义和赋值
 上一节讲的数据和字符,当给定一个值后,在程序中是确定的不能改变的量,我们称为常量,而与之对应的就是变量,顾名思义,就是在程序中经常需要改变的量。

2.2.1变量定义
105
 上图为BLOCKLY提供的变量表定义方式,变量的命名方式比较随便,不受限于数字或字符,但是我们为了使用方便,尽量选用简单明了的字符,避免与程序中的其他名称重复。并且BLOCKLY提供的变量定义不区分类型,只是在内存中分配一定的存储空间。

2.2.2变量的初始化
 部分变量需要进行初始化,变量的初始化不是必须的,根据需要可初始化或者不初始化。

106
2.3表达式和数据的运算
2.3.1表达式的概念
 运算符是指用来表示在数据上执行某些特定操作的符号。参与运算的数据称为操作数。
根据参与运算的操作数的个数是一个、两个或三个,运算符分为一元运算符、二元运算符和三元运算符。表达式是指用运算符和圆括号把常量、变量和函数等运算成分连接起来的有意义的式子。单个常量、变量和函数也都可以看成是一个表达式。表达式经过计算后都会得到一个确定的值,这个值就是表达式的值。每个表达式都具有唯一确定的值和唯一确定的类型。
BLOCKLY中每一个单独的模块即为一个表达式。如:

107
 以上模块在输入正确的数据后均为合法的表达式。

2.3.2运算符运算表达式
BLOCKLY中含盖了日常使用的所有运算符,我们主要认识一下常用的几类运算符:
(1)算术运算符   (+ - * / % ^)
(2)关系运算符   (> < >= <= = !=)
(3)逻辑运算符   (&& || !)
(4)赋值运算符   (=)

1.基本算术运算符
基本算术运算有6种运算符:
(1)+   加法运算符
(2)-   减法运算符
(3)*   乘法运算符
(4)/   除法运算符
(5)%   求余数运算符
(6)^   次方幂运算
基本算术运算符的表达式格式为:<操作数>运算符<操作数>。BLOCKLY中给出的模块为:

108
2.关系运算
关系运算符有6种:
(1)=   等于运算符
(2)≠   不等于法运算符
(3)≤   小于等于运算符
(4)<   小于运算运算符
(5)≥   大于运算符
(6)>   大于运算符
关系运算符的表达式格式为:<操作数>运算符<操作数>。BLOCKLY中给出的模块为:

109
3.逻辑运算
逻辑运算符有3种:
(1)&&   逻辑或运算符

(2)||   逻辑与运算符
(3)!   逻辑非运算符
逻辑运算符的表达式格式为:<操作数>运算符<操作数>和运算符<操作数>两种形式。BLOCKLY中给出的模块为:

110
4.赋值运算
 BLOCKLY中赋值运算与变量初始化的表达式相同。

2.3.3运算表达式的值
 (1)单个常量或变量的表达式,其值为常量或变量的值。如98、“8”、X,其值分别为98、8、X的值。
(2)算术运算表达式的值为其运算结果。如3+2、5-6、4*8,值分别为5、-1、32。
(3)关系运算表达式的值只有两个:1和0(真或假)。如4<2、2>1、1=2,值分别为0、1、0。
(4)逻辑运算表达式的值只有两个:1和0(真或假)。如(x<10) ||="" (x="">20)、!(3>2),其值为0、0。
(5)赋值运算的值即为所赋的值。如a=3,b=6,其值为3、6。

2.3.4运算符的优先级
 BLOCKLY中与其他编程语言不同,不需要太多的考虑运算符的优先级问题,因为BLOCKLY将不同的运算符集成在不同的模块中,在使用中以模块嵌套的形式形式出现,因此其运算顺序只能是由里到外。如:

111
课后练习
 1.对于计算机而言,无论是数字、字母、符号,在计算机中都是以0、1的形式存储和计算,但是他们在BLOCKLY中有不同的运算规则,为什么?
2.分别求出a=3,b=a+3,b>a三个表达式的值和变量a或b的值,认真思考表达式的值和变量的值有什么区别?

知识梳理
112


BLOCKLY系列教程:

第一章 Google Blockly教学应用手册

第二章 Blockly编程基础

第三章Blockly顺序程序设计

第四章 Blockly之选择结构

第五章 循环结构

第六章 Blockly的进阶

Blockly编程案例

原文:https://www.kidscoding8.com/868.html
分享到:
评论

相关推荐

    webots_blockly教程包.zip

    【标题】"webots_blockly教程包.zip" 提供了一个深入了解Webots中Blockly IDE的资源集合,这是一款基于图形化编程的工具,专为机器人仿真设计。Webots是一款强大的开源软件,它允许用户创建、模拟和控制各种机器人...

    blockly的积木转C++

    总结起来,Blockly通过其积木化编程的理念,将复杂的编程语言如C++变得生动有趣,降低了编程的门槛,促进了编程教育的发展。通过"blockly-to-code-with-html-master"这个项目,我们可以深入了解并实践如何在HTML环境...

    图形化编程应用 Blockly

    Google Blockly 是一个图形化编程语言,它可以帮助你快速入门。这个网页应用让你可以将不同的模块拖拽到一起来创作程序,然后你可以将它们输出到真实的程序语言中(比如 C 语言)。 Blockly 包含了许多 App ...

    基于Blockly的青少年可视化编程开发平台设计论文

    游戏编程系列则在此基础上增加了游戏制作教程和案例,提升了难度,帮助青少年从动画过渡到游戏开发。 这个平台不仅提供了免费的教学资源,降低了学习成本,而且让青少年在实践中学习编程,锻炼编程思维,真正体验...

    5.3参考blockly1

    如果你的应用程序或产品构建在Blockly之上,可以使用“Built on Blockly”来表明其基础,如果还有其他工具参与,可以使用“Built with Blockly”。 在进行文字表述时,避免将Blockly称为“儿童友好”的,因为它的...

    谷歌blockly 软件资源

    谷歌Blockly是一款开源的图形化编程工具,主要用于教育和轻松创建编程接口。它允许用户通过拖拽积木式代码块来构建程序,非常适合初学者和非专业程序员。在提供的压缩包中,包含了各种与Blockly开发和运行相关的文件...

    google blockly

    谷歌Blockly是一款开源的可视化编程工具,它为开发者提供了构建图形化编程界面的能力。这个项目旨在简化编程教育,使初学者能够通过拖放积木块的方式来编写程序,而无需面对复杂的文本语法。Blockly是用JavaScript...

    基于WPF的图形化编程控件和环境WPF-Blockly-master

    【标题】"基于WPF的图形化编程控件和环境WPF-Blockly-master" 提供了一个创新的编程体验,它将传统的代码编写转变为图形化的流程图形式,使得编程变得更加直观和易于理解。WPF(Windows Presentation Foundation)是...

    Blockly:基于 Web 的可视化编程编辑器-开源

    浏览器中的 Blockly 允许网页包含用于 Blockly 支持的五种编程语言中的任何一种或您自己的可视化代码编辑器。 Blockly 插件是为 Blockly 添加功能的独立代码段。 Blockly 代码实验室提供有关如何使用和自定义 ...

    WPF-Blockly-master.zip

    **WPF-Blockly** 是一个基于Windows Presentation Foundation (WPF) 的图形化编程工具,它为用户提供了构建和设计程序的直观界面。WPF作为Microsoft .NET Framework的一部分,主要用于构建桌面应用程序,它提供了...

    Vue实现图形化积木式编程Vue前端源码

    在这个项目中,Blockly被用作少儿编程的界面,允许孩子们通过拖拽代码块来编写程序,降低了编程的入门难度。 4. **Babylon.js**:Babylon.js是一个强大的3D游戏引擎,基于WebGL和WebVR技术,用于在浏览器中创建复杂...

    google-blockly

    "google-blockly" 是一款由谷歌开发的开源项目,它提供了一个可视化的编程接口,让用户可以通过拖放图形化的代码块来构建程序。这个工具特别适合初学者和教育领域,因为它降低了编程的入门门槛,使非专业程序员也能...

    Android Blockly积木编程源码对Workspace中的block数据保存及读取的流程,及改造原生代码实现Trash垃圾桶中的block保存及读取

    在Android平台上,Blockly是一款流行的图形化编程工具,它允许用户通过拖放积木块来创建程序,特别适合教育和初学者。"Android Blockly积木编程源码对Workspace中的block数据保存及读取的流程,及改造原生代码实现...

    基于Blockly的青少年可视化编程开发平台设计_彭佳汉1

    【基于Blockly的青少年可视化编程开发平台设计】 近年来,青少年编程教育的重要性在全球范围内逐渐凸显,各国都在探索如何有效地培养青少年的编程思维能力。基于这个背景,本文介绍了由彭佳汉等人设计的一个面向青...

    google-blockly.rar

    A JavaScript library for building visual programming...可视化编程完成,Blockly 直接支持 JavaScript、Python、PHP、Lua、Dart 语言源码的导出。此外,还可以将 Blockly 编辑器快速集成到Web、Android或iOS环境中。

    react-blockly:嵌入了Blockly可视化编程编辑器的React组件

    嵌入了可视化编程编辑器的React组件。 这是的项目的延续。 除了其他现代化功能外,该新版本还利用了Google的官方Blockly npm软件包。 特征: 支持xmlDidChange因此其他组件可以轻松使用编辑器生成的XML 从工具...

    Blockly教学实践探究1

    在信息技术教育领域,Blockly作为一个基于Web的可视化编程工具,自2012年由Google推出以来,逐渐成为初学者学习编程的理想选择。它借鉴了MIT的Scratch理念,允许用户像拼接积木一样构建程序,简化了编程的复杂性,...

    基于Blockly的树莓派可视化编程软件设计源码

    本项目是一款基于Blockly的树莓派可视化编程软件设计源码,包含164个文件,涵盖57个JavaScript文件、26个PNG图像文件、21个Python文件、17个DEB安装包文件、6个CUR资源文件、5个音频文件(MP3、OGG、WAV)、5个动画...

Global site tag (gtag.js) - Google Analytics