通过几个例子初步了解JS面向对象的程序设计

这是我参与更文挑战的第17天,活动详情查看: 更文挑战

目的:

  1. 理解对象及对象的属性
  2. 熟悉对象的建立和属性设置
  3. 了解对象创建的几种方式

题目1

1.分别使用new和字面量方式创建一个实例汽车,并给汽车添加属性:颜色color,型号model,和方法changecolor

题目1源代码:

image.png

题目1运行结果

image.png

题目2

  1. 创建对象person,包括属性name, age, salary, sayName,其中sayName是方法,用以显示person的name属性值

题目2源代码

image.png

题目2运行结果

image.png

题目3

  1. 获取person的name属性特性值,sayName属性特性值(提示:用Object.getOwnPropertyDescriptor方法,上网查找用法)

题目3源代码

image.png

题目3运行结果

image.png

题目4

  1. 对于person的salary属性,表示person的薪水,编程实现:每当salary增加时,提示”有奖金了,好高兴”;如果salary减少时,提示“又被扣工资了,不能再迟到了”。(提示:使用get function和set function方法,仔细体会以下程序)

image.png

题目4源代码

image.png

题目4运行结果

image.png

题目4源代码2

image.png

题目4运行结果2

image.png

题目5

  1. 尝试修改name的特性值,使之不能被删除、被修改、被枚举,并测试效果。尝试在将name属性的配置特性改为false之后,再改成true,编程测试看是否能成功改成true。(提示:使用Object.defineProperty方法,参考以下程序)

image.png

题目5源代码

image.png

题目5运行结果

image.png

配置特性改为true 源代码

image.png

配置特性改为true 运行结果

image.png


爱是不是不开口才珍贵。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享