Js封装函数

一、Cookie相关

1、获取cookie

let getCookie = function (key) {
  let r = new RegExp('(?:^|+|\\s+)' + key + '=([^]*)')
  // 上面正则使用了环视 具体可参考之前正则相关文章
  let m = document.cookie.match(r)
  return (!m ? '' : m[1])
}

2、写入cookie

/**
 * @param {String|Number} expires 定义cookie的有效时间，值可以是一个数字（从创建cookie时算起，以天为单位）或一个Date 对象。
 * @param {String} path 该Cookie的使用路径
 * @param {String} domain 可以访问该Cookie的域名 如果设置的是主域名，子域名都可以访问该cookie
 * @param {Boolean} secure 是否仅被使用安全协议传输。安全协议有HTTPS和SSL等，在网络上传输数据之前先将数据加密。默认为false。
 */
let setCookie = function (name, value, expires = null, path = '/', domain = null, secure = false) {
  let exp = new Date()
  expires = expires && new Date(exp.getTime() + parseInt(expires) * 60 * 1000)
  document.cookie = name + '=' + escape(value) + (expires ? '; expires=' + expires : '') + '; path=' + path + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : '')
}
setCookie('name','yuhoo', 10, '/', 'xinhulu.com')

3、删除cookie

// 设置cookie已过期
let delCookie = function (name) {
  let value = getCookie(name)
  if (value) {
    let exp = new Date(exp.getTime() -  60 * 1000)
    document.cookie = name + '; expires=' + exp
  }
}

二、URL相关

1、获取url参数

let getParameter = function (name, str) {
  str = str || location.href
  let r = new RegExp('(\\?|#|&)' + name + '=([^&#]*)(&|#|$)'); let m = str.match(r)
  return decodeURIComponent(!m ? '' : m[2])
}

三、数据类型

1、数据类型判断

let isType = function (type) {
  return function (obj) {
    return Object.prototype.toString.call(obj) === '[object ' + type + ']'
  }
}
let isObject = isType('Object')
let isString = isType('String')
let isNumber = isType('Number')
let isArray = Array.isArray || isType('Array')
let isFunction = isType('Function')
let isNull = function (obj) { return obj === null }
let isUndefined = function (obj) { return obj === undefined }

四、浏览器环境

1、浏览器环境判断

let browser = {
  versions: (function () {
    let u = navigator.userAgent
    return {
      // 平台
      window: !!u.indexOf('Windows') > -1, //是否为pc终端
      ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
      android: !!(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1), //android终端
      // 内核
      trident: u.indexOf('Trident') > -1, //IE内核
      presto: u.indexOf('Presto') > -1, //opera内核
      webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
      gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, //火狐内核
      // 其他
      mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
      iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
      iPad: u.indexOf('iPad') > -1, //是否iPad
      webApp: u.indexOf('Safari') === -1, //是否web应该程序，没有头部与底部
      weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
      qq: u.match(/\sQQ/i) === ' qq' //是否QQ
    }
  }()),
  language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

五、校验

1、电话校验

let isMobile = function(v){
  if(/^1[34578]\d{9}$/.test(v)){ 
    return v;
  }
  return false;
}
let isEmail = function(v){
  let reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  if(reg.test(v)){
    return v;
  }
  return false;
}

六、日期

1、固定日期格式

let formatDate = function (date, fmt) {
  let o = {
    "M+": date.getMonth() + 1, //月份
    "d+": date.getDate(), //日
    "h+": date.getHours(), //小时
    "m+": date.getMinutes(), //分
    "s+": date.getSeconds(), //秒
    "q+": Math.floor((date.getMonth() + 3) / 3), //季度
    "S": date.getMilliseconds() //毫秒
  };
  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
  for (let k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  return fmt;
}
formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss') // "2019-10-11 15:03:26"

七、拷贝

1、深拷贝

function deepAssign (to, from) {
  for (let key in from) {
    if (!to[key] || typeof to[key] !== 'object') {
      to[key] = from[key]
    } else {
      deepAssign(to[key], from[key])
    }
  }
}