js 手写原型链继承

直接上代码

function Animal() {this.colors = ['black', 'white']
}
Animal.prototype.getColor = function() {return this.colors
}
function Dog() {}
Dog.prototype =  new Animal()let dog1 = new Dog()
dog1.colors.push('brown')
let dog2 = new Dog()
console.log(dog2.colors)  // ['black', 'white', 'brown']

看图解析

红色线为原型链

总结：

将A构造函数的实例对象赋值给B构造函数的prototype，即可实现B构造函数的实例对象继承了A构造函数的原型

js 手写原型链继承相关推荐

记录--JS精粹，原型链继承和构造函数继承的 “毛病”
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助先从面向对象讲起,本瓜认为:面向对象编程,它的最大能力就是:复用! 咱常说,面向对象三大特点,封装.继承.多态. 这三个特点,以" ...
JavaScript进阶学习（二）—— 基于原型链继承的js工具库的实现方法
文章来源:小青年原创发布时间:2016-07-03 关键词:JavaScript,原型链,jQuery类库转载需标注本文原始地址: http://zhaomenghuan.github.io... ...
关于js原型链继承机制
原型链继承是js的默认继承机制当我们实例化一个自定义对象时,其实继承已经发生了 eg. //定义一个函数对象 function FF(){} //实例化一个对象 let a=new FF() 这里发 ...
JS中对象的四种继承方式：class继承、原型链继承、构造函数继承、组合继承（构造函数和原型链继承的结合）
前言才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...
【JS继承】JS继承之原型链继承
自我介绍:大家好,我是吉帅振的网络日志:微信公众号:吉帅振的网络日志:前端开发工程师,工作4年,去过上海.北京,经历创业公司,进过大厂,现在郑州敲代码. JS继承专栏 1[JS继承]什么是JS继承? ...
一文帮你搞定90%的JS手写题
还在害怕手写题吗,本文可以帮你扩展并巩固自己的JS基础,顺便搞定90%的手写题.在工作中还可以对常用的需求进行手写实现,比如深拷贝.防抖节流等可以直接用于往后的项目中,提高项目开发效率.不说废话了,下 ...
【面试】970- 一文帮你搞定90%的JS手写题
还在害怕手写题吗,本文可以帮你扩展并巩固自己的JS基础,顺便搞定90%的手写题.在工作中还可以对常用的需求进行手写实现,比如深拷贝.防抖节流等可以直接用于往后的项目中,提高项目开发效率.不说废话了,下 ...
[js] js怎样避免原型链上的对象共享？
[js] js怎样避免原型链上的对象共享? 组合继承优势公有的写在原型私有的卸载构造函数可以向父类传递参数劣势需要手动绑定constructor 封装性一般重复调用父类性能损耗
一个贴近实际的原型链继承的列子
自从四月份换工作后,一方面要适应新的环境,另一方面也是自己的惰性作怪,已经好长时间没写博客了,整个人都松懈了下来:刚好最近工作不忙,新环境也适应好了,感觉还是得给自己充充电,趁着业余时间多学点东西,顺 ...

js 手写原型链继承

直接上代码

看图解析

总结：

js 手写原型链继承相关推荐

最新文章

热门文章

js 手写 原型链 继承

直接上代码

看图解析

总结：

js 手写 原型链 继承相关推荐

最新文章

热门文章

js 手写原型链继承

js 手写原型链继承相关推荐