2022年JavaScript程序设计基础教案

1、重庆市工业学校教案第 2 学期课程名称： JavaScript 程序设计基础授课班级：软件与信息服务 101 总学时数：（每周 8 学时共 15 周）任课老师（签字）教 研 组 运算机教研组长（签字）科主任（签字）重 庆 市 工 业 学 校 教 案授课班级软件 10.1 授课日期第四周 星期一第 1 次课课题常量、变量 1、常量和变量的概念； 2、常量和变量的用法 常量和变量的用法 变量的用法以讲授式方法为主及启示式、列举式方法为帮助的教学方式；作业完成情形目的要求 重点教学难点教学方式 评判方式教学引入：第一依据同学情形完成“5+1” 的教学任务；依据日常生活中一些数量在肯定条 件下是不会发

2、生转变的,一些数量常常会发生转变的特性引入本堂课的内空；教学内容、教学方法及教学评判设计 ：一、先复习关键字、数据类型的一些学问；二、新课：1、常量：当程序运行时,值始终不发生转变的量为常量（为程序供应固定的和精确的值（包括数值和字符串）Constant ）；常量主要用于；数、字符规律值真（true ）、规律值假（ false ）等都是常量；声明常量使用 const 来进行声明；语法：const 常量名：数据类型 =值；常量在程序中定义后便会在运算机中肯定的位置储备下来,在该程序没有终止之 前,它是不发生变化的；假如在程序中过多地使用常量,会降低程序的可读性和 可保护性,当一个常量在程序内被多

3、次引用时,可以考虑在程序开头处将它设置 为变量,然后再引用；当此值需要修改时,就只需更换其变量的值就可以了,既 削减出错的机会,又可以提高工作效率；2、变量：变量是指程序中一个已经命名的储备单元,它的主要作用就是为数据操作提 供存放信息的容器；对于变量的使用第一必需明确变量的命名规章、变量的声明 与赋值以及变量的作用域等；A、JavaScript 变量的命名规章如下：（1）必需以字母或下划线开头,中间可以是数字、字母或下划线；（2）变量名不能包含空格或加号、减号等符号；（3）不能使用 JavaScript 中的关键字；（4）JavaScript 的变量名是严格区分大小写的；例如,UserNam

4、e与 username 就代表两个不同的变量,这一点肯定要特殊留意；说明：虽然JavaScript的变量可以任意命名,但是在进行编程的时候,最好仍是使用便于记忆、且有意义的变量名称,以增加程序的可读性；B、变量的声明在 JavaScript中,使用变量前需要先声明变量,全部的JavaScript变量都由关键字 var 声明,语法格式如下：var variable; 在声明变量的同时也可以对变量进行赋值：var variable=11; 声明变量时所遵循的规章如下；（1）可以使用一个关键字 var 同时声明多个变量,例如：var a,b,c / 同时声明 a、b 和 c3 个变量（2）可以在声明

5、变量的同时对其赋值,即为初始化,例如：var i=1;j=2;k=3; / 同时声明 i 、j 和 k3 个变量,并分别对其进行初始化（3）假如只是声明白变量,并未对其赋值,就其值缺省为 undefined ；（4）var 语句可以用作 for 循环和 for/in循环的一部分,这样就使循环变量的声明成为循环语法自身的一部分,使用起来比较便利；（5）也可以使用var语句多次声明同一个变量,假如重复声明的变量已经有一个初始值,那么此时的声明就相当于对变量的重新赋值；当给一个尚未声明的变量赋值时,JavaScript会自动用该变量名创建一个全局变量；在一个函数内部,通常创建的只是一个仅在函数内部起

6、作用的局部变量,而不是一个全局变量；要创建一个局部变量,不是赋值给一个已经存在的局部变量,而是必需使用 var 语句进行变量声明；另外,由于 JavaScript 采纳弱类型的形式,因此读者可以不必理睬变量的数据类型,即可以把任意类型的数据赋值给变量；例 3.3 声明一些变量,代码如下：var varible=100 / 数值类型var str=有一条路,走过了总会想起/ 字符串var bue=true / 布尔类型在 JavaScript 中,变量可以不先声明,而在使用时,再依据变量的实际作用来 确定其所属的数据类型；但是笔者建议在使用变量前就对其声明,由于声明变量的最大好处就是能准时发觉代

7、码中的错误；由于JavaScript是采纳动态编译的,而动态编译不易于发觉代码中的错误,特殊是变量命名方面的错误； C、变量的作用域（ scope）是指某变量在程序中的有效范畴,也就是程序中定义这个变量的区域；在JavaScript中变量依据作用域可以分为两种：全局变量和局部变量；全局变量是定义在全部函数之外,作用于整个脚本代码的变量；局部变量是定义在函数体内,只作用于函数体的变量,函数的参数也是局部性 的,只在函数内部起作用；例 3.4 下面的程序代码说明白变量的作用域作用不同的有效范畴： var a; / 该变量在函数外声明,作用于整个脚本代码 function send a=JavaSc

8、ript var b= 语言基础 / 该变量在函数内声明,只作用于该函数体 alerta+b; D、变量的生存期 是指变量在运算机中存在的有效时间；从编程的角度来说,可以简洁地懂得为该变量所赋的值在程序中的有效范畴；JavaScript 中变量的生存期有两种：全局变量和局部变量；全局变量在主程序中定义,有效范畴从其定义开头,始终到本程序终止为止；局 部变量在程序的函数中定义,其有效范畴只在该函数之中；当函数终止后,局部 变量生存期也就终止了；课外作业11 至 1.7p52 布置教后记重 庆 市 工 业 学 校 教 案授课班级软件 10.1 授课日期第四周 星期二第 1 次课课题运算符和表达式把

9、握算术运算符 把握比较运算符 把握+、- 运算 把握=、=、！=、！=运算符 把握+、- 运算 把握=、=、！=、！=运算符以讲授式方法为主及启示式、列举式方法为帮助的教学方式；作业完成情形,复习提问；目的要求重点 教学 难点教学方式 评判方式教学引入：第一依据同学情形完成“5+1” 的教学任务；依据日常生活中不同的量要用不同的方法去处理,当然也包括一些运算；教学内容、教学方法及教学评判设计 ：三、先复习常量和变量的一些学问；四、新课：1、算术运算符用于连接运算表达式；算术运算符包括加（+）、减（ - ）、乘（* ）、除（ /）、取模（ %）、自加（ +）、自减（ -）等运算符,常用的算术运算

10、符如表 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,否就

11、 x 就是等于 y,这样就要取 出 X 和 Y 中的下一个字符进行比较,以此类推,假如依次取出的每个字符的ASCII 码值都相同,那么如字符串X 的字符数比 Y 的字符数多,就X 大于 Y；如 X 的字符数比 Y 少,就 X 小于 Y；如 X 的字符数与 Y 相同,就 A 等于 B；例如： x=x 、xyz=xyz 、xxy ,这几个比较运算的返回值都为 true；xyXYZ 和xyXYZ 返回 true；3、举例： 比较运算符的应用 Function keydown Ifevent.altkey&event.keycode=37|event.keycode=39 Event.returnva

12、lue=false; Alert “ 这里禁止使用ALT+方向键或方向键”; 课外作业17 至 1.10p52、其次次作业：其次大题布置教后记重 庆 市 工 业 学 校 教 案授课班级软件 10.1 授课日期第四周 星期四2 次课课题运算符和表达式把握赋值运算符 把握条件运算符 目的要求 把握其他运算符 把握运算符的优先级重点 教学 难点教学方式 评判方式把握赋值运算符 把握条件运算符把握赋值运算符以讲授式方法为主及启示式、列举式方法为帮助的教学方式；作业完成情形,复习提问；教学引入：第一依据同学情形完成“5+1” 的教学任务；依据日常生活中不同的量要用不同的方法去处理,当然也包括一些运算；教

13、学内容、教学方法及教学评判设计 ：五、先复习规律运算符及其它运算符的一些学问；六、新课：1、最基本的赋值运算符是等于号“=” ,用于对变量进行赋值,而其他运算符可以和赋值运算符“=” 联合使用,构成组合赋值运算符；JavaScript 支持的常用赋值运算符如表 3.6 所示；2、条件运算符是 JavaScript 支持的一种特殊的三目运算符,其语法格式如下：操作数 .结果 1:结果 2 假如“ 操作数” 的值为true,就整个表达式的结果为“ 结果1” ,否就为“ 结果2” ；例 3.9 下面通过示例演示条件运算符的应用,运行成效如图 3.5 所示；3、其它运算A位操作运算符位操作运算符分为两

14、种,一种是一般位运算符,另一种是位移动运算符；在进行运算前,都先将操作数转换为32 位的二进制整数,然后再进行相关运算,最终的输出结果将以十进制表示；位操作运算符对数值的位进行操作,如向左或向右 移位等； JavaScript中常用的位操作运算符如表 3.8 所示；Btypeof 运算符 typeof 运算符返回它的操作数当前所容纳的数据类型；这对于判定一个变量是否 已被定义特殊有用；例 3.10 下面是应用 typeof 运算符返回当前所容纳的数据类型,代码如下；typeof true Cnew 运算符 通过 new 运算符来创建一个新对象；语法：new constructorarguments constructor：必选项；对象的构造函数；假如构造函数没有参数,就可以省略圆 括号；arguments：可选项；任意传递给新对象构造函数的参数；例 3.11 应用 new 运算符来创建新对象,代码如下：Object1 = new Object; Array2 = new Array; Date3 = new DateAugust 8 2022; 4、JavaScript