位置: 编程技术 - 正文
推荐整理分享javascript中的3种继承实现方法,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
使用Object.create实现类式继承
下面是官网的一个例子
此时Rectangle原型的constructor指向父类,如需要使用自身的构造,手动指定即可,如下
Rectangle.prototype.constructor = Rectangle;
使用utilities工具包自带的util.inherites
语法
util.inherits(constructor, superConstructor)例子
也很简单的例子,其实源码用了ES6的新特性,我们瞅一瞅
其中Object.setPrototypeOf即为ES6新特性,将一个指定的对象的原型设置为另一个对象或者null
语法
Object.setPrototypeOf(obj, prototype)obj为将要被设置原型的一个对象prototype为obj新的原型(可以是一个对象或者null).
如果设置成null,即为如下示例
Object.setPrototypeOf({}, null);感觉setPrototypeOf真是人如其名啊,专门搞prototype来玩。那么这个玩意又是如何实现的呢?此时需要借助宗师__proto__
即把proto赋给obj.__proto__就好了。
使用extends关键字
熟悉java的同学应该非常熟悉这个关键字,java中的继承都是靠它实现的。ES6新加入的class关键字是语法糖,本质还是函数.
在下面的例子,定义了一个名为Polygon的类,然后定义了一个继承于Polygon的类 Square。注意到在构造器使用的 super(),supper()只能在构造器中使用,super函数一定要在this可以使用之前调用。
使用关键字后就不用婆婆妈妈各种设置原型了,关键字已经封装好了,很快捷方便。
JavaScript中的this,call,apply使用及区别详解 学习起因:在之前的JavaScript学习中,this,call,apply总是让我感到迷惑,但是他们的运用又非常的广泛。遂专门花了一天,来弄懂JavaScript的this,call,apply。中
JavaScript数据结构与算法之栈与队列 学习起因曾经有一次在逛V2EX时,碰到这么一个帖子。数学完全还给老师了,想学回一些基础数学,大概是高中程度的,有什么书籍推荐?发帖的楼主大
JavaScript数据结构与算法之链表 链表简介链表是一种常见的数据结构,也属于线性表,但不会按线性的顺序来储存数据。而是在每一个节点中,储存了下一个节点的指针。可以看图理
上一篇:javascript中new关键字详解(js new option)
下一篇:JavaScript中的this,call,apply使用及区别详解(javascript中的this)
友情链接: 武汉网站建设