javascript比较语义化版本号的实现代码


Posted in Javascript onSeptember 09, 2016

前言

所谓“语义化版本号”,就是在版本号中体现出语义,或者说版本号本身是有意义的,不再是随意给的一个数字。这个规范将版本号中每个数字的意义都做了比较严格的说明。当然,其中大部分内容还是沿用我们之前说过的业内的约定,所以,对于有版本号意识的开发者来说,接受这个规范是很容易的。

在移动端APP第三方开发中经常会碰到一些因为版本不同而造成JS SDK或JS API差异或支持的问题。对于移动前端来说,在实际第三方开发中可能会需要根据APP的版本号做一些特殊的业务逻辑处理。

语义化版本号

一般语义化版本号通常定义是这样的:

Major_Version_Number.Minor_Version_Number[.Revision_Number[.Build_Number]]
 
主版本号   .子版本号    [.修正版本号  [.编译版本号 ]]

定界符一般使用.

语义化版本号比较方法

这样我们可以做版本号比较,这里提供一个粗陋的方法:

/**
 * 版本比较 VersionCompare
 * @param {String} currVer 当前版本.
 * @param {String} promoteVer 比较版本.
 * @return {Boolean} false 当前版本小于比较版本返回 true.
 *
 * 使用
 * VersionCompare("6.3","5.2.5"); // false.
 * VersionCompare("6.1", "6.1"); // false.
 * VersionCompare("6.1.5", "6.2"); // true.
 */
var VersionCompare = function (currVer, promoteVer) {
 currVer = currVer || "0.0.0";
 promoteVer = promoteVer || "0.0.0";
 if (currVer == promoteVer) return false;
 var currVerArr = currVer.split(".");
 var promoteVerArr = promoteVer.split(".");
 var len = Math.max(currVerArr.length, promoteVerArr.length);
 for (var i = 0; i < len; i++) {
  var proVal = ~~promoteVerArr[i],
   curVal = ~~currVerArr[i];
  if (proVal < curVal) {
   return false;
  } else if (proVal > curVal) {
   return true;
  }
 }
 return false;
};

使用也很简单:

VersionCompare("6.3","5.2.5"); // false.
VersionCompare("6.1", "6.1"); // false.
VersionCompare("6.1.5", "6.2"); // true.

这里需要注意的是根据我自己的业务逻辑当前版本小于比较版本返回 true。你可以根据自己的业务逻辑修改代码。

比如我们要获取微信的版本号,可以这样写:

var wechatInfo = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i);
var currVer = wechatInfo[1];
if (VersionCompare(currVer, "6.2.5")) {
 //你的业务逻辑
}

注意:

时间仓促,这个方法仅仅作为普通的常用方法,没有提供只比较主版本或子版本的方法,而是比较最终的整个版本号。

总结

以上就是这篇文章的全部内容了,希望对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
JavaScript读取中文cookie时的乱码问题的解决方法
Oct 14 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
JavaScript设计模式之策略模式详解
Jun 09 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 Javascript
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
Vue过滤器(filter)实现及应用场景详解
Jun 15 Vue.js
js防阻塞加载的实现方法
Sep 09 #Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 #Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
Sep 09 #Javascript
Vuejs第十三篇之组件——杂项
Sep 09 #Javascript
jQuery属性选择器用法示例
Sep 09 #Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
Sep 09 #Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 #Javascript
You might like
PHP中uploaded_files函数使用方法详解
2011/03/09 PHP
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
JavaScript生成二维码图片小结
2015/12/27 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
ActiveX控件的使用-js实现打印超市小票功能代码详解
2017/11/22 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
python绘制地震散点图
2019/06/18 Python
django中使用POST方法获取POST数据
2019/08/20 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
python可视化text()函数使用详解
2020/02/11 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
电大学习个人自我评价范文
2013/10/04 职场文书
商务英语专业毕业生自荐信
2013/11/05 职场文书
暑期研修感言
2014/02/17 职场文书
电子银行营销方案
2014/02/22 职场文书
2014庆六一活动方案
2014/03/02 职场文书
教学评估实施方案
2014/03/16 职场文书
个人违纪检讨书
2014/09/15 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
经理助理岗位职责
2015/02/02 职场文书