zoukankan      html  css  js  c++  java
  • 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等,欢迎联系我们。

  • 相关阅读:
    【win10】浏览器Chrome 和edge 体验对比与使用心得
    【Java】 VM 环境配置过程要点( win10,64位)
    office2013 激活方法
    产品激活 比如Windows激活 , office激活 等激活的原理是什么? KMS等激活工具安全吗?
    回顾外滩踩踏事件,吸取的教训
    【win7】Ubuntu安装使用中的一些注意事项
    黑屏
    mock测试(一)
    Django模型类(一)
    获取本机局域网ip和出口ip
  • 原文地址:https://www.cnblogs.com/TSINGSEE/p/14174359.html
Copyright © 2011-2022 走看看