javascript进阶教程第二章对象案例实战

时间:2021-08-11 16:10:26

javascript进阶教程第二章对象案例实战

一、学习任务

  • 通过几个案例练习回顾学过的知识
  • 通过案例练习补充几个之前没有见到或者虽然讲过单是讲的不仔细的知识点。

二、具体实例

温馨提示

面向对象的知识非常重要,也是一个难点,我们讲的比较基础,对这些基础的原理希望大家都能掌握,这也是对后续课程内容的一个铺垫。

如果要使用面向对象的思路去编程,还需要进一步的学习和对JS更深入的理解,在现阶段只要求大家理解这些基础的东西,能看懂一些面向对象的案例即可。

练习1:具有默认值的构造函数

  • 实例描述:

    有时候在创建对象时候,我们希望某些属性具有默认值

  • 案例思路:

    在构造函数中判断参数值是否为undefined,如果是就为其制定一个默认值。

练习2:遍历对象属性和方法

  • 实例描述:

    通过for...in...语句遍历对象中的数据,包括属性和方法

  • 案例思路:

    for...in语句和if判断分别遍历对象的属性和方法。

练习3:属性的添加和删除

  • 实例描述:使用 delete 删除对象的属性(注:也可以删除方法,操作方法相同)

练习4:将一个对象赋值给另一个对象的属性

  • 实例描述:对象的属性可以是任何类型的值,包括另一个对象。

练习5:创建两个继承关系的对象

  • 实例描述:先创建一个人对象,然后再创建一个学生对象,让学生对象去继承人对象的属性和方法,同时学生对象又有自己的属性和方法。

练习6:网页计算器

  • 实例描述:带有科学计算功能的计算器。
  • 要用到Math对象的方法和属性。

    HTML5入门视频第七章7-38/7-39两节详细讲过Math对象,这里复习一下。

    这里布局使用了表格,大家练习的时候可以尝试使用其他布局方法实现同样的效果。