《JavaScript程序设计案例教程》课件_案例3.pptx

案例三、捕鱼键盘猎手

学习目标知识链接案例实现效果演示目录

学完本章节应该能做到的事情学习目标壹

学习目标理解对象的概念。掌握对象的字面量语法和JSON数据格式。能访问对象的成员。PPT模板/moban/掌握for..in和for..of。理解和掌握构造函数。理解和掌握画布。能使用鼠标事件。能使用键盘事件。精通onload事件。理解作用域的概念。掌握闭包函数。能灵活使用对话框。掌握ajax。会播放声音。理解和区分值传递与引用传递。

效果演示

完成本案例应该具备的知识知识链接贰

知识链接列表PPT模板/moban/对象的概念。对象的字面量语法和JSON数据格式。对象成员的访问。for..in和for..of。构造函数。画布。鼠标事件。键盘事件。onload事件。变量的作用域和闭包函数。三种对话框。Ajax。声音的播放。函数参数的值传递和引用传递。

对象的概念1JavaScript中的对象其实就是生活中具体事物的一个抽象此处的对象和你的对象一样吗?JS对象是无序属性的集合。其属性可以包含基本值、对象或函数。它们是没有顺序的值。我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。在JS中对象的行为对应着方法和特征对应着属性。

对象的字面量语法和JSON数据格式2对象字面量就是创建对象的一种简单容易阅读的方法?JS中对象字面量语法指包围在花括号中的零个或多个键值对。字面量写法需要在末尾需加分号；表示结束；每个健值对都表示该对象的一个属性，定义属性时，每两个属性之间需要用逗号分隔；属性名加双引号。vargameinfo={ name:捕鱼键盘猎手, x:360, y:150, fontsize:60px宋体};

对象的字面量语法和JSON数据格式2以对象的形式描述一下自己喜爱的书籍？varmylove={ name:”西游记”, author:”吴承恩” };console.log(mylove);

对象的字面量语法和JSON数据格式2JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不须要任何特殊的API或工具包。在JSON中，有两种结构：对象和数组。对象varperson={name:Liza,password:123};一个对象以“{”开始，“}”结束，“key/value”之间运用“,”分隔。数组varpersons=[{name:Liza,password:123},{name:Mike,password:456}];数组是值的有序集合。一个数组以“[”开始，“]”结束。值之间运用“,”分隔。

对象的字面量语法和JSON数据格式2以JSON的形式描述一下自己喜爱的书籍？varmylove={ “name”:”西游记”, “author”:”吴承恩”};console.log(mylove);varmylove={ name:”西游记”, author:”吴承恩” };console.log(mylove);对象与JSON的描述有什么区别？

对象的字面量语法和JSON数据格式2JSON与对象的区别：对象中成员名不用引号进行包裹。JSON推荐使用双引号来包裹成员名和字符串型的值。

对象成员的访问3方括号里面是属性名01传统的‘.’02数组方式形如：

对象成员的访问3以传统方式访问对象成员（Object1.html）varstartgame={ name:开始游戏, x:460,y:250, fontsize:40px宋体, cursor:pointer“};console.log();console.log(startgame.x);

对象成员的访问3以数组的方式输出（Object2.html）varstartgame={ name:开始游戏, x:460, y:250, fontsize:40px宋体, cursor:pointer“};?for(variteminstartgame){ console.log(startgame[item]);}

for..in和for..of4For..in上节的用法是什么？vararr=[1,2,3];letindex;for(indexinarr){ console.log(index,arr[index]);}for..in遍历数组（forin2.html）

fo