JavaScript前端开发程序设计教程(微课版)(第2版)教案 (8)[3页]
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
document.writeln(proName +":" +person[proName]); } person["name"], person["gender"] </script> 课堂 同步训练： 实训 1. 通过构造函数（Constructor）示例 2. 通过 Function 对象显式的创建方法示例 3. 通过 Function 对象隐式的创建方法示例
对 JavaScript 对象创建和引用对象的理解，达到能够独立熟练运用 JavaScript 对象来解决实际问
题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，
质量与速度并存的课堂评价方式 ，促进学生的自主、创新学习的方式 。
3
对象的方法。
【目的】
使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目 标。
课程
一、自定义对象
内容
在 JavaScript 中，除了内置对象外，还可以根据需求自己创建对象即自定义对象。对象是由属
描述 性和方法组成的，所以在创建自定义对象时主要就是声明对象的属性和方法。创建对象时一般使用 new 运算符来创建对象。语法如下所示。
1
教学过程
教学
教学内容与过程
环节
（教学内容、教学方法、组织形式、教学手段）
课前组
做好课前“5 分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打
织 开课件、打开软件、打开 U 盘中的素材位置、打开授课计划、教案等），吸引学生注意力。
课程 【课前说明】
说明
分别从自定义对象的方法入手、对对象的创建方法的 Object 方法，字面量创建方法，Function
name:"张三", gender:"男" };
2
document.writeln(+"是"+person.gender+"人"); document.writeln("person 对象有以下可列举属性:"); for (var proName in person) {//遍历对象的所有自定义属性
总结
通过学习，学生能够掌握 JavaScript 的创建对象的方法，对象字面量创建及 JavaScript 对象的深入理解，掌握 JavaScript 对象创建
创建方法及基本特点，深入探讨 JavaScript 对象创建的字面量和原型的方法，通过实例的方法加强
引用变量=new 对象类（）；
二、自定义对象的使用
案例： 1. 通过创建 Object 对象定义一个 Person 对象，并赋两个属性； <script type="text/javascript">
var person = new Object(); //用于定义一个 Person 对象 ="张三"; //定义属性 name person.gender="男"; //定义属性 gender document.writeln(+"是"+person.gender+"人"); </script> 2. 通过创建字面量对象定义一个 Person 对象，并赋两个属性。 <script type="text/javascript"> var person = { //使用一对大括号{}直接定义一个对象
课程名称 任务名称 项目性质 授课班级
教学目标
教学内容
教学重点 教学难点
第 5 章 对象
JavaScript 前端开发程序 设计
项目名称
自定义对象
课时
□演示性 □验证性 □设计性 √综合性
授课日期
能力目标： 1. 具备自定义 JavaScript 对象的能力 2. 具备在调用自定义 JavaScript 解决实际问题的能力 知识目标： 1．掌握自定义对象的方法 2．掌握自定义对象引用的方法 素质目标： 1. 培养学生信息搜集能力 2. 培养学生团结合作、互帮互助的能力 1. 自定义对象描述 2. 自定义对象 （1）如何自定义对象？ （2）自定义对象的引用； 3. 教师讲解本模块内容涉及的知识点 4. 实训与小结 1.自定义对象创建的方法 2.自定义对象使用的方法 1.自定义对象的使用
自定义对象 4
授课地点
教学准备
1. 装有 EditPlus、Dreamwear 的电脑 2.教学课件 PPT 3. 教材：《JavaScript 前端开发程序设计教程（微课版）》李玉臣 臧金梅 人民邮电出版社
作业设计
1. 通过创建 Object 对象定义一个 Person 对象，并赋两个属性 2. 通过创建字面量对象定义一个 Person 对象，并赋两个属性
对 JavaScript 对象创建和引用对象的理解，达到能够独立熟练运用 JavaScript 对象来解决实际问
题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，
质量与速度并存的课堂评价方式 ，促进学生的自主、创新学习的方式 。
3
对象的方法。
【目的】
使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目 标。
课程
一、自定义对象
内容
在 JavaScript 中，除了内置对象外，还可以根据需求自己创建对象即自定义对象。对象是由属
描述 性和方法组成的，所以在创建自定义对象时主要就是声明对象的属性和方法。创建对象时一般使用 new 运算符来创建对象。语法如下所示。
1
教学过程
教学
教学内容与过程
环节
（教学内容、教学方法、组织形式、教学手段）
课前组
做好课前“5 分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打
织 开课件、打开软件、打开 U 盘中的素材位置、打开授课计划、教案等），吸引学生注意力。
课程 【课前说明】
说明
分别从自定义对象的方法入手、对对象的创建方法的 Object 方法，字面量创建方法，Function
name:"张三", gender:"男" };
2
document.writeln(+"是"+person.gender+"人"); document.writeln("person 对象有以下可列举属性:"); for (var proName in person) {//遍历对象的所有自定义属性
总结
通过学习，学生能够掌握 JavaScript 的创建对象的方法，对象字面量创建及 JavaScript 对象的深入理解，掌握 JavaScript 对象创建
创建方法及基本特点，深入探讨 JavaScript 对象创建的字面量和原型的方法，通过实例的方法加强
引用变量=new 对象类（）；
二、自定义对象的使用
案例： 1. 通过创建 Object 对象定义一个 Person 对象，并赋两个属性； <script type="text/javascript">
var person = new Object(); //用于定义一个 Person 对象 ="张三"; //定义属性 name person.gender="男"; //定义属性 gender document.writeln(+"是"+person.gender+"人"); </script> 2. 通过创建字面量对象定义一个 Person 对象，并赋两个属性。 <script type="text/javascript"> var person = { //使用一对大括号{}直接定义一个对象
课程名称 任务名称 项目性质 授课班级
教学目标
教学内容
教学重点 教学难点
第 5 章 对象
JavaScript 前端开发程序 设计
项目名称
自定义对象
课时
□演示性 □验证性 □设计性 √综合性
授课日期
能力目标： 1. 具备自定义 JavaScript 对象的能力 2. 具备在调用自定义 JavaScript 解决实际问题的能力 知识目标： 1．掌握自定义对象的方法 2．掌握自定义对象引用的方法 素质目标： 1. 培养学生信息搜集能力 2. 培养学生团结合作、互帮互助的能力 1. 自定义对象描述 2. 自定义对象 （1）如何自定义对象？ （2）自定义对象的引用； 3. 教师讲解本模块内容涉及的知识点 4. 实训与小结 1.自定义对象创建的方法 2.自定义对象使用的方法 1.自定义对象的使用
自定义对象 4
授课地点
教学准备
1. 装有 EditPlus、Dreamwear 的电脑 2.教学课件 PPT 3. 教材：《JavaScript 前端开发程序设计教程（微课版）》李玉臣 臧金梅 人民邮电出版社
作业设计
1. 通过创建 Object 对象定义一个 Person 对象，并赋两个属性 2. 通过创建字面量对象定义一个 Person 对象，并赋两个属性