博主信息
博文 27
粉丝 1
评论 2
访问量 97372
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
class类的继承和常用API演示
          
原创
684人浏览过
  1. /*
  2. 作业内容:
  3. 1. 实例演示class类与extends,super等的用法
  4. 2. 实例演示字符串,数组常用API (至少5个以上)
  5. */
  6. // 一、实例演示class类与extends,super等的用法
  7. // 父类
  8. let Small_Head_Dad = class {
  9. // 构造函数:声明属性
  10. constructor(name) {
  11. this.name = name;
  12. // 技能
  13. this.sing = '会高歌一曲';
  14. this.cook = '一桌满汉全席';
  15. }
  16. // 方法
  17. say(){
  18. return this.name + this.sing
  19. }
  20. // 方法
  21. dinner(){
  22. return this.name + this.cook
  23. }
  24. }
  25. // 创建新对象
  26. let datou = new Small_Head_Dad('小头爸爸')
  27. // 输出父亲会唱歌
  28. console.log(datou.say())
  29. // 大头儿子继承唱歌 继承
  30. class Big_Head_Son extends Small_Head_Dad {
  31. constructor(name,sing,status) {
  32. // super 调用父类成员
  33. super(name,sing,status);
  34. // 子类扩展的属性
  35. this.status = '上学'
  36. }
  37. // 子类方法
  38. school(){
  39. return this.name + '还在'+this.status
  40. }
  41. // 子类方法
  42. skill(){
  43. return this.name + '会'+this.sing
  44. }
  45. }
  46. let son = new Big_Head_Son('大头儿子')
  47. // 儿子继承了父亲的唱歌方法
  48. console.log(son.say())
  49. // 子类方法
  50. console.log('子类方法1'+son.school())
  51. console.log('子类方法2'+son.skill())
  52. // 二、 实例演示字符串,数组常用API (至少5个以上)
  53. // replace()替换
  54. let arr = '今天天气怎么样?';
  55. console.log(arr.replace('怎么样?','晴朗!')) // 今天天气晴朗!
  56. // substring() 提取字符
  57. console.log(arr.substring(0,4)) // 今天天气
  58. // split() 字符串 -> 数组
  59. console.log(arr.split('怎')) // [ '今天天气', '么样?' ]
  60. // toString() 将数组转为字符串
  61. let arr2 = ['1','3','5','7']
  62. console.log(arr2.toString()) // ['1','3','5','7'] => 1,3,5,7
  63. // reverse() 翻转数组
  64. console.log(arr2.reverse()) // [ '7', '5', '3', '1' ]
  65. // push() 在末尾添加元素
  66. console.log(arr2.push('新增')) // 返回值是数组长度
  67. console.log(arr2) // [ '7', '5', '3', '1', '新增' ]
  68. // pop() 删除数组末尾的一个元素
  69. console.log(arr2.pop()) // 返回值是删除的那个元素
  70. console.log(arr2) // [ '7', '5', '3', '1' ]

运行结果

批改老师:PHPzPHPz

批改状态:合格

老师批语:完成的很好, 继续加油
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学