《JavaScript程序设计》课件——项目4-1 初识对象.pptx

JavaScript程序设计2021

1课程导入2任务导入3知识讲解4任务实施项目4-1初始对象5任务总结

知识回顾任务导入知识讲解任务实施任务总结作用域的分类？作用域链是什么？闭包函数的作用？提问

知识回顾任务导入知识讲解任务实施任务总结任务重难点封装自己的数学对象重点：创建数组访问对象的属性和方法遍历对象的属性和方法内置对象

知识回顾任务导入知识讲解任务实施任务总结初始对象1.1什么是对象1.初识对象在JavaScript中，对象是一种数据类型，它是由属性和方法组成的一个集合。属性是指事物的特征，使用“对象.属性名”访问；方法是指事物的行为，使用“对象.方法名()”进行访问。

知识回顾任务导入知识讲解任务实施任务总结初始对象varp1={color:黑色,weight:188g,screenSize:6.5,call:function(num){console.log(打电话给+num);},sendMessage:function(num,message){},playVideo:function(){console.log(播放视频);},playMusic:function(){console.log(播放音乐);}}手机对象p1

知识回顾任务导入知识讲解任务实施任务总结初始对象console.log(p1.color);console.log(p1.weight);console.log(p1.screenSize);p1.call(123); p1.sendMessage(123,hello);p1.playVideo();p1.playMusic(); 访问p1的属性和方法

知识回顾任务导入知识讲解任务实施任务总结初始对象对象的字面量就是用花括号“{}”来包裹对象中的成员，每个成员使用“key:value”的形式来保存，key表示属性名或方法名，value表示对应的值。多个对象成员之间用“,”隔开。1.2利用字面量创建对象

知识回顾任务导入知识讲解任务实施任务总结初始对象varobj={};创建一个空对象varstu1={name:小明, //name属性age:18, //age属性sex:男, //sex属性//sayHello方法sayHello:function(){console.log(Hello);}};创建一个学生对象

知识回顾任务导入知识讲解任务实施任务总结初始对象1.3用newObject创建对象varobj=newObject(); //创建了一个空对象obj.name=小明; //创建对象后，为对象添加成员obj.age=18;obj.sex=男;obj.sayHello=function(){console.log(Hello);};示例代码

知识回顾任务导入知识讲解任务实施任务总结初始对象1.4利用构造函数创建对象什么是构造函数：是JavaScript创建对象的另外一种方式。与字面量方式创建对象对比：构造函数可以创建出一些具有相同特征的对象。举例：通过水果构造函数创建苹果、香蕉、橘子对象。其特点在于这些对象都基于同一个模板创建，同时每个对象又有自己的特征。思考：如何自定义构造函数？构造函数的命名推荐采用帕斯卡命名规则，即所有的单词首字母大写。在构造函数内部，使用this来表示刚刚创建的对象。

知识回顾任务导入知识讲解任务实施任务总结初始对象1.4利用构造函数创建对象使用构造函数创建对象的语法为“new构造函数名()”，在小括号中可以传递参数给构造函数，如果没有参数，小括号可以省略。//编写构造函数function构造函数名(){this.属性=属性;this.方法=function(){//方法体}}//使用构造函数创建对象varobj=new构造函数名();语法结构

知识回顾任务导入知识讲解任务实施任务总结初始对象1.5访问对象的属性和方法创建好学生对象之后，接下来访问该对象的属性和方法：stu1.name//方式1，输出结果为：小明stu1[age]//方式2，输出结果为：18语法结构访问学生对象的属性：访问学生对象的方法：stu1.sayHello()//方式1，输出结果为：Hellostu1.[sayHello]()//方式2，输出结果为：Hello语法结构

知识回顾任务导入知识讲解任务实施任务总结初始对象当对象成员中包含特殊字符时，可以用字符串来表示：varo