javascript进阶教程第二章对象案例实战
javascript进阶教程第二章对象案例实战
一、学习任务
- 通过几个案例练习回顾学过的知识
- 通过案例练习补充几个之前没有见到或者虽然讲过单是讲的不仔细的知识点。
二、具体实例
温馨提示
面向对象的知识非常重要,也是一个难点,我们讲的比较基础,对这些基础的原理希望大家都能掌握,这也是对后续课程内容的一个铺垫。
如果要使用面向对象的思路去编程,还需要进一步的学习和对JS更深入的理解,在现阶段只要求大家理解这些基础的东西,能看懂一些面向对象的案例即可。
练习1:具有默认值的构造函数
- 实例描述:
有时候在创建对象时候,我们希望某些属性具有默认值
- 案例思路:
在构造函数中判断参数值是否为undefined,如果是就为其制定一个默认值。
练习2:遍历对象属性和方法
- 实例描述:
通过for...in...语句遍历对象中的数据,包括属性和方法
- 案例思路:
for...in语句和if判断分别遍历对象的属性和方法。
练习3:属性的添加和删除
- 实例描述:使用 delete 删除对象的属性(注:也可以删除方法,操作方法相同)
练习4:将一个对象赋值给另一个对象的属性
- 实例描述:对象的属性可以是任何类型的值,包括另一个对象。
练习5:创建两个继承关系的对象
- 实例描述:先创建一个人对象,然后再创建一个学生对象,让学生对象去继承人对象的属性和方法,同时学生对象又有自己的属性和方法。
练习6:网页计算器
- 实例描述:带有科学计算功能的计算器。
- 要用到Math对象的方法和属性。
HTML5入门视频第七章7-38/7-39两节详细讲过Math对象,这里复习一下。
这里布局使用了表格,大家练习的时候可以尝试使用其他布局方法实现同样的效果。
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、每年专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-10-30:27岁,宅加太忙,特此在网上找女朋友,坐标上海,非诚勿扰,vx:fan404006308
AI交流资料群:753014672