卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › JavaScript之继承(未完待续)

JavaScript之继承(未完待续)

坚果大叔
2019-06-11 17:36:53技术阅读 3,206

JavaScript之继承(未完待续)-卖坚果的怪叔叔

从父级上继承,但是有个问题,如果有多个子类同时继承一个父类,如果改变其中一个子类,其余子类也会跟着改变,这种情况就和数组对象的浅拷贝一样。

function parents(){
    this.name = ['fuqin']
}

parents.prototype.getName = function() {
    console.log(this.name)
}

function child(){}

child.prototype = new parents()

let child1 = new child()

child1.getName() // ['fuqin']

let child2 = new child()

child1.name.push('haha')

let child3 = new child()

child1.getName() //  => ['fuqin', 'haha']
child2.getName() //  => ['fuqin', 'haha']
child3.getName() //  => ['fuqin', 'haha']

改进了原型链继承的缺点,不会因为某个实例的更改而导致所有继承实例的变化,但是也有它的缺点就是每次创建实例都会创建一遍方法。

function parents(){
    this.name = ['brother']
}

function child(){
    parents.call(this)
}

let child1 = new child()
let child2 = new child()

child1.name.push('haah')

let child3 = new child()

console.log(child1.name) // => ['brother', 'haah']
console.log(child2.name) // => ['brother']
console.log(child3.name) // => ['brother']

// 在构造函数继承中还可以通过call()传递参数

function parents(name){
    this.name = name
}

function child(name){
    parents.call(this,name)
}

let child1 = new child('hh,我是1')
let child2 = new child('hh,我是2')

child1.name // => 'hh,我是1'
child2.name // => 'hh,我是2'

继承
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
周末,天气很棒,瞎溜达
上一篇
周末出游
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
Mac防撤回插件
Element render函数中使用map插入多条数据!
deep 不生效!
常见的CSS文字居中显示
JavaScript要点
Vue打包相关问题
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是Agent?
2026-08-15 23:49:12
499 0 2
什么是 Skill?
2026-08-12 21:32:42
424 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
848 10 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,819 4 0
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
345
文章
171
评论
432
喜欢