JavaScript 程序设计 课件 第2章-变量与数据类型

第2章变量与数据类型简约风格｜程序设计主题｜课堂教学版本章学习地图变量常量标识符与关键字数据类型类型转换课程重点理解变量、常量、标识符与关键字。掌握基本数据类型和特殊值。能完成显式类型转换并避免常见错误。课堂推进建议1概念导入2语法讲解3示例演示4随堂练习JavaScript程序设计｜授课PPT1第2章学习目标与知识结构JavaScript程序设计｜授课PPT2学习目标会使用let定义变量，并理解赋值与初始化。会使用const定义常量，并知道常量不可重新赋值。掌握标识符命名规则，能识别不合法命名。理解数值、字符串、布尔、undefined、null。能使用Number()和String()完成显式转换。本章内容结构1变量定义2赋值与初始化3访问变量4常量5标识符与关键字6基本数据类型7自动与显式转换第2章变量的含义JavaScript程序设计｜授课PPT3变量用于存储数据，可以理解为内存中某个存储单元的名字。变量包含两个核心概念：变量名和变量值。使用变量前通常先定义，JavaScript中常用let定义变量。变量中的数据可以被新的赋值覆盖。类比变量名像快递柜编号。变量值像柜子里存放的快递。赋值就是把数据放进柜子。第2章定义、赋值和初始化JavaScript程序设计｜授课PPT4讲解要点定义：leta;赋值：a=10;初始化：定义变量时同时赋值。变量未初始化时，值为undefined。JavaScript示例leta;console.log(a);//undefineda=10;console.log(a);letx=20;console.log(x);第2章访问变量与动态类型JavaScript程序设计｜授课PPT5讲解要点通过变量名可以读取变量中保存的数据。除了赋值号左侧的变量，代码中的变量通常表示读取其值。JavaScript变量不固定数据类型，可保存不同类型的值。JavaScript示例letmessage="Helloworld";letcopy=message;console.log(copy);letvalue=100;console.log(value);value="JavaScript";console.log(value);第2章常量constJavaScript程序设计｜授课PPT6常量用于保存程序运行过程中固定不变的数据。使用const定义常量，定义时必须初始化。尝试重新给常量赋值会导致程序错误。常量通常使用全大写命名，以便和变量区分。使用场景圆周率PI版本号VERSION固定折扣DISCOUNT最大分数MAX_SCORE第2章变量与常量对比JavaScript程序设计｜授课PPT7项目含义/作用课堂关注点let变量值可以改变，适合保存会变化的数据。如年龄、成绩、计数器、用户输入。const常量值不可重新赋值，适合固定数据。如PI、固定配置、最大值。命名建议变量名应有意义，常量名常用大写。避免a、b、c等无意义名称，除非场景很简单。第2章标识符与关键字JavaScript程序设计｜授课PPT8标识符是变量名、函数名、类名等名字的统称。标识符只能包含字母、数字、_、$，不能包含空格和-。首字符不能是数字。标识符不能是JavaScript关键字，如let、if、for、true。JavaScript严格区分大小写：name和Name是两个不同标识符。判断示例userName：合法。3score：不合法，数字开头。student-age：不合法，含-。let：不合法，关键字。第2章基本数据类型JavaScript程序设计｜授课PPT9数值类型：所有整数和小数都按数值类型处理。字符串类型：由单引号或双引号括起来的文本。布尔类型：只有true和false两个值，常用于条件判断。undefined：变量已定义但未赋值。null：空值，常用于描述对象为空。注意"3.14"是字符串，不是数值。3.14是数值。"1+1"是文本，不会计算成2。第2章字符串与转义字符JavaScript程序设计｜授课PPT10字符串可以使用单引号或双引号包裹。双引号字符串中可以直接包含单引号，单引号字符串中可以直接包含双引号。反斜杠\在字符串中有特殊意义，表示路径时常写成\。常见转义字符包括：\n换行、\t制表符、\'单引号、\"双引号。示例"Hisnameis'Jack'"'Hisnameis"Jack"'"c:\\windows\\system"第2章类型转换：为什么需要Number()JavaScript程序设计｜授课PPT11讲解要点prompt()输入的内容是字符串。字符串和数字使用+时可能发生连接而不是加法。Number()可把可转换的字符串转为数值。无法转换为合法数值时结果为NaN。JavaScript示例leta=prompt("请输入第一个数：");letb=prompt("请输入第二个数：");console.log(a+b);//可能是字符串连接letx=Number(a);lety=Number(b);console.log(x+y);//数值加法第2章输入数据参与计算的规范流程JavaScript程序设计｜授课PPT121输入字符串2显式转换3参与运算4输出结果流程说明先用prompt()获取用户输入。再用Number()转换为数值。用表达式完成加、减、乘、除等运算。最后使用console.log()输出结果。第2章课堂练习JavaScript程序设计｜授课PPT13随堂练习/课后作业建议1定义变量name和age，输出“姓名：张明，年龄：16”。2定义常量PI，输入半径，计算圆面积。3判断userName、3score、student-age、_score是否为合法标识符。4输入两个数字，使用Number()转换后输出它们的和。5观察"5"+1、"5"-1、Number("John")的运行结果。第2章本章小结JavaScript程序设计｜授课PPT