#yyds干货盘点# 前端歌谣的刷题之路-第一百五十七题-寄生组合式继承

简介: #yyds干货盘点# 前端歌谣的刷题之路-第一百五十七题-寄生组合式继承

题目

请补全JavaScript代码,要求实现对象参数的深拷贝并返回拷贝之后的新对象。

注意:

1. 参数对象和参数对象的每个数据项的数据类型范围仅在数组、普通对象({})、基本数据类型中]

2. 无需考虑循环引用问题

image.png

编辑

核心代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>寄生组合式继承</title>
</head>
<body>
  <!-- 
    在"Human"构造函数的原型上添加"getName"函数
    在”Chinese“构造函数中通过call函数借助”Human“的构造器来获得通用属性
    Object.create函数返回一个对象,该对象的__proto__属性为对象参数的原型。
    此时将”Chinese“构造函数的原型和通过Object.create返回的实例对象联系起来
    最后修复"Chinese"构造函数的原型链,即自身的"constructor"属性需要指向自身
    在”Chinese“构造函数的原型上添加”getAge“函数
 -->
  <script type="text/javascript">
    // 补全代码
    function Human(name) {
      this.name = name
      this.kingdom = 'animal'
      this.color = ['yellow', 'white', 'brown', 'black']
    }
    Human.prototype.getName = function () {
      return this.name
    }
    function Chinese(name, age) {
      Human.call(this, name)
      this.age = age
      this.color = 'yellow'
    }
    Chinese.prototype = Object.create(Human.prototype)
    Chinese.prototype.constructor = Chinese
    Chinese.prototype.getAge = function () {
      return this.age
    }
  </script>
</body>
</body>
</html>
相关文章
|
前端开发
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承3
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承3
67 0
|
前端开发
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承2
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承2
109 1
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承2
|
设计模式 前端开发 JavaScript
14分布式电商项目 - 前端分层以及控制器继承
14分布式电商项目 - 前端分层以及控制器继承
143 0
|
设计模式 JSON 前端开发
前端面试必看(手写Promise+js设计模式+继承+函数柯里化等)JavaScript面试全通关(1/3)
前端面试必看(手写Promise+js设计模式+继承+函数柯里化等)JavaScript面试全通关(1/3)
196 0
|
机器学习/深度学习 存储 前端开发
手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】
在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有,除此之外牛客里面还有招聘(社招和校招)、一些上岸大厂的大佬的面试经验。 牛客是可以伴随一生的编程软件(完全免费),从学校到社会工作,时时刻刻你都可以用到,感兴趣的可以去注册试试可以伴随一生的刷题app
165 0
|
存储 前端开发 JavaScript
手撕前端面试题【javascript~模板字符串、类继承、参数解析器、生成页码等】
html页面的骨架,相当于人的骨头,只有骨头是不是看着有点瘆人,只有HTML也是如此。 css,相当于把骨架修饰起来,相当于人的皮肉。
132 0
|
前端开发
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承1
前端学习笔记202306学习笔记第四十二天-Es6-class的使用和继承1
75 0
|
前端开发
前端学习笔记202306学习笔记第三十七天-js-原型链继承5
前端学习笔记202306学习笔记第三十七天-js-原型链继承5
162 0
|
前端开发
前端学习笔记202306学习笔记第三十七天-js-组合继承1
前端学习笔记202306学习笔记第三十七天-js-组合继承1
174 0

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
  • 2
    前端工程化演进之路:从手工作坊到AI驱动的智能化开发
  • 3
    Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
  • 下一篇
    oss云网关配置