《基于新信息技术的JavaScript程序设计基础》课件_第2章.pptx
项目2JavaScript制作简易计算器;
任务1先导知识：变量、数据类型及类型转换、函数;
1.变量声明和赋值
JavaScript脚本语言允许开发者不先声明变量就可以直接使用，而在变量赋值时自动声明该变量。一般来说，为培养良好的编程习惯，同时为了使程序结构更加清晰易懂，建议在使用变量前对变量进行声明。
注意：JavaScript脚本语言中变量名的命名需遵循一定的规则，变量名中允许包含字母、数字、下画线和美元符号，而空格和标点符号都是不允许出现的，同时也不允许出现中文变量名，且区分英文大小写。;
2.弱类型
JavaScript脚本语言像其他程序语言一样，其变量都有数据类型。高级程序语言如C++、Java等为强类型语言，而JavaScript脚本语言是弱类型语言，在变量声明时不需显式地指定其数据类型，变量的数据类型将根据变量的具体内容推导出来，且根据变量内容的改变而自动更改，而强类型语言在变量声明时必须显式地指定其数据类型。
变量声明时不需显式指定其数据类型既是JavaScript脚本语言的优点也是缺点。优点是编写脚本代码时不需要指明数据类型，使变量声明过程简单明了；缺点是有可能造成因拼写不当而引起致命的错误。;
3.?JavaScript保留关键字
在JavaScript中，一些标识符是保留关键字，不能用作变量名或函数名。;
2.1.2基本数据类型
1.?Number型
Number型数据即为数值型数据，包括整数型和浮点型，整数型数制可以使用十进制、八进制以及十六进制标识，而浮点型为包含小数点的实数，可用科学计数法来表示。
2.?String型
String型数据表示字符型数据。JavaScript脚本语言不区分单个字符和字符串，任何字符或字符串都可以用双引号或单引号引起来。;
3.?Boolean型
Boolean型数据表示的是布尔型数据，取值为true或false，分别表示逻辑真和假，且任何时刻都只能使用两种状态中的一种，不能同时出现。
4.?Undefined型
Undefined型即为未定义类型，用于不存在或者没有被赋初始值的变量或对象的属性。
;
5.?Null型
??Null型数据表示空值，作用是表明数据空缺的值，一般在设定已存在的变量(或对象的属性)为空时较为常用。区分Undefined型和Null型数据比较麻烦，一般将Undefined型和Null型等同对待。
6.?Function型
Function型表示函数，可以通过new操作符和构造函数Function()来动态创建所需功能的函数，并为其添加函数体。;
2.1.3类型转换
JavaScript变量可以转换为新变量或其他数据类型，例如字符串类型转换为数值类型。
(1)?parseInt(String)：将字符串转换为整型数字。
(2)?parseFloat(String)：将字符串转换为浮点型数字。;
2.1.4函数
JavaScript脚本语言允许开发者通过编写函数的方式组合一些可重复使用的脚本代码块，增加了脚本代码的结构化和模块化。函数通过参数接口进行数据传递，以实现特定的功能。
函数由函数定义和函数调用两部分组成。应首先定义函数，然后再进行调用，以养成良好的编程习惯。;
函数的各部分含义如下：
funcName为函数名。函数名由开发者自行定义，与变量的命名规则基本相同。
parameters为函数的参数。在调用目标函数时，需将实际数据传递给参数列表以完成函数特定的功能。参数列表中可定义一个或多个参数，各参数之间加逗号“,”分隔开来，当然，参数列表也可为空。
statements是函数体，statements规定了函数的功能，本质上相当于一个脚本程序。
return是指定函数的返回值，为可选参数。;
函数定义过程结束后，可在文档中任意位置调用该函数。引用目标函数时，只需在函数名后加上小括号即可。若目标函数需引入参数，则需在小括号内添加传递参数。如果函数有返回值，可将最终结果赋值给一个自定义的变量并用关键字return返回。
程序运行后，在原始页面单击“点击这里”按钮，程序弹出警告框如图2.1所示。;
;
任务2编写简易计算器程序;
;
2.2.1方法一：自定义函数
2.2.2方法二：自定义带参数的函数