TSINGSEE青犀视频用javascipt开发RTSP/GB28181/RTMP视频平台时ES6中的class与继承说明

我们做开发的总被认为是一项枯燥的工作，但其实TSINGSEE青犀视频的研发团队每天在开发过程中都能够学到不少知识，相互交流和带动下，一方面丰富了自己的知识，另一方面也让我们开发的平台趋于完美。

我们很多视频平台都是用js搭建的，这就要求我们要了解原型的继承，才能更好的代码优化，让代码更加简洁，实现多功能。ES6引入了class（类）这个概念，通过class关键字可以定义类该关键字的出现使得javascript在对象写法上更加清晰，更像是一种面向对象的语言。在TSINGSEE青犀视频搭建平台的过程中，这个关键字是可以说是重要的一环。

下面来说下ES6 class继承。我们将在本文说明在javascript中class继承用到extends实现类的继承关系。

首先实例代码如下图：

这样就实现了简单的javascript语法继承关系，但是这个直接在浏览器是不能运行的，所以要使用Babel转换成ES5语法。

经过Babel转换的es5语法，如下图：

其中 _inherits函数代码如下图:

具体的流程就是：

(1)首下执行_inherits(Student, _Person),建立和_Person的原型链关系；
(2)Object.setPrototypeOf(Student.prototype, _Person.prototype)‘’
(3)Object.setPrototypeOf(Student, _Person)；
(4)然后调用_Person.call(this, name)，更具_Person构造函数的返回值类型确定子构造函数的this的初始化_this；
(5)最终，更具子构造函数_this的值，并返回该值。

视频平台的开发永远是个大工程，尤其是技术越来越进步的今天，更加需要我们去了解更多的东西来实现我们的需求。如果大家想了解我们目前已经上线的视频平台EasyNVR、EasyCVR、EasyGBS等，欢迎联系我们。