JavaScript程序设计基础教案

更新时间:2024-06-28 05:11:01 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

重庆市工业学校教案

第 2 学期

课程名称:JavaScript程序设计基础 授课班级:软件与信息服务101

总学时数: (每周 8 学时共 15 周) 任课教师 (签字) 教 研 组 计算机

教研组长 (签字) 科主任 (签字)

重 庆 市 工 业 学 校 教 案 授课班级 课 题 目的要求 软件10.1 常量、变量 1、常量和变量的概念;2、常量和变量的用法 授课日期 第四周 星期一 第 1 次课 重点 常量和变量的用法 教学 难点 变量的用法 教学方式 评价方式 以讲授式方法为主及启发式、列举式方法为辅助的教学方式。 作业完成情况 教学引入: 首先根据学生情况完成“5+1”的教学任务;根据日常生活中一些数量在一定条件下是不会发生改变的,一些数量经常会发生改变的特性引入本堂课的内空。 教学内容、教学方法及教学评价设计: 一、先复习关键字、数据类型的一些知识; 二、新课: 1、常量: 当程序运行时,值始终不发生改变的量为常量(Constant)。常量主要用于为程序提供固定的和精确的值(包括数值和字符串)。数、字符逻辑值真(true)、逻辑值假(false)等都是常量。声明常量使用const来进行声明。 语法: const 常量名:数据类型=值; 常量在程序中定义后便会在计算机中一定的位置存储下来,在该程序没有结束之前,它是不发生变化的。如果在程序中过多地使用常量,会降低程序的可读性和可维护性,当一个常量在程序内被多次引用时,可以考虑在程序开始处将它设置为变量,然后再引用。当此值需要修改时,则只需更改其变量的值就可以了,既减少出错的机会,又可以提高工作效率。 2、变量: 变量是指程序中一个已经命名的存储单元,它的主要作用就是为数据操作提供存放信息的容器。对于变量的使用首先必须明确变量的命名规则、变量的声明与赋值以及变量的作用域等。 A、JavaScript变量的命名规则如下: (1)必须以字母或下划线开头,中间可以是数字、字母或下划线。 (2)变量名不能包含空格或加号、减号等符号。 (3)不能使用JavaScript中的关键字。 (4)JavaScript的变量名是严格区分大小写的。例如,UserName与username就代表两个不同的变量,这一点一定要特别注意。 说明:虽然JavaScript的变量可以任意命名,但是在进行编程的时候,最好还是使用便于记忆、且有意义的变量名称,以增加程序的可读性。 B、变量的声明 在JavaScript中,使用变量前需要先声明变量,所有的JavaScript变量都由关键字var声明,语法格式如下: var variable; 在声明变量的同时也可以对变量进行赋值: var variable=11; 声明变量时所遵循的规则如下。 (1)可以使用一个关键字var同时声明多个变量,例如: var a,b,c //同时声明a、b和c3个变量 (2)可以在声明变量的同时对其赋值,即为初始化,例如: var i=1;j=2;k=3; //同时声明i、j和k3个变量,并分别对其进行初始化 (3)如果只是声明了变量,并未对其赋值,则其值缺省为undefined。 (4)var语句可以用作for循环和for/in循环的一部分,这样就使循环变量的声明成为循环语法自身的一部分,使用起来比较方便。 (5)也可以使用var语句多次声明同一个变量,如果重复声明的变量已经有一个初始值,那么此时的声明就相当于对变量的重新赋值。 当给一个尚未声明的变量赋值时,JavaScript会自动用该变量名创建一个全局变量。在一个函数内部,通常创建的只是一个仅在函数内部起作用的局部变量,而不是一个全局变量。要创建一个局部变量,不是赋值给一个已经存在的局部变量,而是必须使用var语句进行变量声明。 另外,由于JavaScript采用弱类型的形式,因此读者可以不必理会变量的数据类型,即可以把任意类型的数据赋值给变量。 例3.3 声明一些变量,代码如下: var varible=100 //数值类型 var str=\有一条路,走过了总会想起\var bue=true //字符串 //布尔类型 在JavaScript中,变量可以不先声明,而在使用时,再根据变量的实际作用来确定其所属的数据类型。但是笔者建议在使用变量前就对其声明,因为声明变量的最大好处就是能及时发现代码中的错误。由于JavaScript是采用动态编译的,而动态编译不易于发现代码中的错误,特别是变量命名方面的错误。 C、变量的作用域(scope)是指某变量在程序中的有效范围,也就是程序中定义这个变量的区域。在JavaScript中变量根据作用域可以分为两种:全局变量和局部变量。全局变量是定义在所有函数之外,作用于整个脚本代码的变量;局部变量是定义在函数体内,只作用于函数体的变量,函数的参数也是局部性的,只在函数内部起作用。 例3.4 下面的程序代码说明了变量的作用域作用不同的有效范围: D、变量的生存期是指变量在计算机中存在的有效时间。从编程的角度来说,可以简单地理解为该变量所赋的值在程序中的有效范围。JavaScript 中变量的生存期有两种:全局变量和局部变量。 全局变量在主程序中定义,有效范围从其定义开始,一直到本程序结束为止。局部变量在程序的函数中定义,其有效范围只在该函数之中;当函数结束后,局部变量生存期也就结束了。 课外作业 布 置 1.1至1.7(p52) 教后记

重 庆 市 工 业 学 校 教 案 授课班级 课 题 目的要求 重点 教学 难点 教学方式 评价方式 软件10.1 运算符和表达式 ? ? ? ? ? ? 掌握算术运算符 掌握比较运算符 掌握++、--运算 掌握==、===、!=、!==运算符 掌握++、--运算 掌握==、===、!=、!==运算符 授课日期 第四周 星期二 第 1 次课 以讲授式方法为主及启发式、列举式方法为辅助的教学方式。 作业完成情况,复习提问。 教学引入: 首先根据学生情况完成“5+1”的教学任务;根据日常生活中不同的量要用不同的方法去处理,当然也包括一些计算。

教学内容、教学方法及教学评价设计: 三、先复习常量和变量的一些知识; 四、新课: 1、算术运算符用于连接运算表达式。算术运算符包括加(+)、减(?)、乘(*)、除(/)、取模(%)、自加(++)、自减(--)等运算符,常用的算术运算符如表3.3所示。 2、比较运算符用来连接操作数来组成比较表达式。比较运算符的基本操作过程是:首先对操作数进行比较,然后返回一个布尔值true或false。在JavaScript中常用的比较运算符如表3.4所示。 另外,比较运算符(<、>、<=、>=、==、===、!=、!==)也可以用于两个字符串之间的比较,同样返回一个布尔值true或false。 当比较两个字符串X和Y时,JavaScript首先取出X和Y中的第一个字符的ASCII码值进行比较,例如第一个字符的ASCII码值分别是x和y,那么若x大于y,则X大于Y,若x小于y,则X小于Y,否则x就是等于y,这样就要取出X和Y中的下一个字符进行比较,以此类推,如果依次取出的每个字符的ASCII码值都相同,那么若字符串X的字符数比Y的字符数多,则X大于Y;若X的字符数比Y少,则X小于Y;若X的字符数与Y相同,则A等于B。 例如:\、\、\,这几个比较运算的返回值都为true;\返回值为false,\和\返回true。 3、举例: 比较运算符的应用 课外作业 布 置 1.7至1.10(p52)、第二次作业:第二大题 教后记 重 庆 市 工 业 学 校 教 案 授课班级 课 题 软件10.1 运算符和表达式 ? ? ? ? 重点 教学 ? 掌握赋值运算符 ? 掌握条件运算符 掌握赋值运算符 掌握条件运算符 掌握其他运算符 掌握运算符的优先级 授课日期 第四周 星期四 2 次课 目的要求 难点 掌握赋值运算符 教学方式 评价方式 以讲授式方法为主及启发式、列举式方法为辅助的教学方式。 作业完成情况,复习提问。 教学引入: 首先根据学生情况完成“5+1”的教学任务;根据日常生活中不同的量要用不同的方法去处理,当然也包括一些计算。 教学内容、教学方法及教学评价设计: 五、先复习逻辑运算符及其它运算符的一些知识; 六、新课: 1、最基本的赋值运算符是等于号“=”,用于对变量进行赋值,而其他运算符可以和赋值运算符“=”联合使用,构成组合赋值运算符。JavaScript支持的常用赋值运算符如表3.6所示。 2、条件运算符是JavaScript支持的一种特殊的三目运算符,其语法格式如下: 操作数?结果1:结果2 如果“操作数”的值为true,则整个表达式的结果为“结果1”,否则为“结果2”。 例3.9 下面通过示例演示条件运算符的应用,运行效果如图3.5所示。 3、其它运算 A.位操作运算符 位操作运算符分为两种,一种是普通位运算符,另一种是位移动运算符。在进行运算前,都先将操作数转换为32位的二进制整数,然后再进行相关运算,最后的输出结果将以十进制表示。位操作运算符对数值的位进行操作,如向左或向右移位等。JavaScript中常用的位操作运算符如表3.8所示。 B.typeof运算符 typeof运算符返回它的操作数当前所容纳的数据类型。这对于判断一个变量是否已被定义特别有用。 例3.10 下面是应用typeof运算符返回当前所容纳的数据类型,代码如下。 typeof true C.new运算符 通过new运算符来创建一个新对象。 语法: new constructor[(arguments)] constructor:必选项。对象的构造函数。如果构造函数没有参数,则可以省略圆括号。 arguments:可选项。任意传递给新对象构造函数的参数。 例3.11 应用new运算符来创建新对象,代码如下: Object1 = new Object; Array2 = new Array(); Date3 = new Date(\4、JavaScript运算符都有明确的优先级与结合性。优先级较高的运算符将先于优先级较低的运算符进行运算,结合性则是指具有同等优先级的运算符将按照怎样的顺序进行运算。结合性有向左结合和向右结合。例如表达式 “a+b+c”,向左结合就是先计算“a+b”,即“(a+b)+c”;而向右结合就是先计算“b+c”,即“a+(b+c)”。JavaScript运算符的优先级顺序及其结合性如表3.9所示。 课外作业 布 置 第二次作业:第二大题 教后记

本文来源:https://www.bwwdw.com/article/4kp3.html

Top