常用js封裝方法，持續更新

?
// 陣列去重
function unique1(arr) {
    return […new Set(arr)]
}

function unique2(arr) {
    var obj = {};
    return arr.filter(ele => {
       if (!obj[ele]) {
        obj[ele] = true;
        return true;
       }
    })
}

function unique3(arr) {
    var result = [];
    arr.forEach(ele => {
    if (result.indexOf(ele) == -1) {
    result.push(ele)
    }
    })
    return result;
}

// 資料型別
function whichType(value) {
   return Object.prototype.toString.call(value)
}
    console.log(Object.prototype.toString.call('xxx'));  //'[object String]'
    console.log(Object.prototype.toString.call(12));  //'[object Number]'
    console.log(Object.prototype.toString.call(true));  //'[object Boolean]'
    console.log(Object.prototype.toString.call(undefined));  //'[object Undefined]'
    console.log(Object.prototype.toString.call(null));  //'[object Null]'
    console.log(Object.prototype.toString.call({name: "licong"}));  //'[object Object]'
    console.log(Object.prototype.toString.call(function(){}));  //'[object Function]'
    console.log(Object.prototype.toString.call([]));  //'[object Array]'
    console.log(Object.prototype.toString.call(new Date));  //'[object Date]'
    console.log(Object.prototype.toString.call(/\d/));  //'[object RegExp]'

// 深拷貝
function deepClone(obj, result) {
  var result = result || {};
  for (var prop in obj) {
    if (obj.hasOwnProperty(prop)) {
      if (typeof obj[prop] == "object" && obj[prop] !== null) {
        // 參考值(obj/array)且不為null
        if (Object.prototype.toString.call(obj[prop]) == "[object Object]") {
          // 物件
          result[prop] = {};
        } else {
          // 陣列
          result[prop] = [];
        }
        deepClone(obj[prop], result[prop]);
      } else {
        // 原始值或func
        result[prop] = obj[prop];
      }
    }
  }
  return result;
}

// 判斷元素有沒有子元素
function hasChildren(e) {
  var children = e.childNodes,
    len = children.length;
  for (var i = 0; i < len; i++) {
    if (children[i].nodeType === 1) {
      return true;
    }
  }
  return false;
}

// 一個元素插入到另一個元素的后面
Element.prototype.insertAfter = function (target, elen) {
  var nextElen = elen.nextElenmentSibling;
  if (nextElen == null) {
    this.appendChild(target);
  } else {
    this.insertBefore(target, nextElen);
  }
};

// 獲得滾動條的滾動距離
function getScrollOffset() {
  if (window.pageXOffset) {
    return {
      x: window.pageXOffset,
      y: window.pageYOffset,
    };
  } else {
    return {
      x: document.body.scrollLeft + document.documentElement.scrollLeft,
      y: document.body.scrollTop + document.documentElement.scrollTop,
    };
  }
}


// 獲取任一元素的任意屬性
function getStyle(elem, prop) {
  return window.getComputedStyle
    ? window.getComputedStyle(elem, null)[prop]
    : elem.currentStyle[prop];
}

// 系結事件的兼容代碼
function addEvent(elem, type, handle) {
  if (elem.addEventListener) {
    //非ie和非ie9
    elem.addEventListener(type, handle, false);
  } else if (elem.attachEvent) {
    //ie6到ie8
    elem.attachEvent("on" + type, function () {
      handle.call(elem);
    });
  } else {
    elem["on" + type] = handle;
  }
}

// 解綁事件
function removeEvent(elem, type, handle) {
  if (elem.removeEventListener) {
    //非ie和非ie9
    elem.removeEventListener(type, handle, false);
  } else if (elem.detachEvent) {
    //ie6到ie8
    elem.detachEvent("on" + type, handle);
  } else {
    elem["on" + type] = null;
  }
}

// 取消冒泡的兼容代碼
function stopBubble(e) {
  if (e && e.stopPropagation) {
    e.stopPropagation();
  } else {
    window.event.cancelBubble = true;
  }
}

// 獲取地址欄引數
function getUrlParam(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}

function getUrlParam(name) {
  let params = {}
  location.search
    .slice(1)
    .split('&')
    .forEach((item) => {
      const [key, value] = item.split('=')
      params[key] = value
    })
  return params[name] || ''
}

// 是否是移動端設備
function isMobile() {
    return navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)
}

// 防抖函式
function debounce(fn, delay) {
    var timer = null
    return function () {
        var context = this
        var args = arguments
        clearTimeout(timer)
        timer = setTimeout(function () {
            fn.apply(context, args)
        }, delay)
    }
}

// 計算相隔天數
function calDay(timestamp) => {
  if (!timestamp) {
    return 0
  }
  const now = new Date().getTime() / 1000
  return parseInt((now - timestamp) / 60 / 60 / 24)
}

// 電話號碼脫敏處理
function phoneDesensitization(phone) => {
  return phone.replace(/(\d{3})\d*(\d{4})/, '$1****$2')
}

// 校驗手機號格式
function varifyPhoneNumber(phone) => {
  return /^1\d{10}$/.test(phone)
}

// 陣列物件中相同的id進行分類
function classify(list) {
    let newData = {}
    list.forEach(item => {
      if (Object.keys(newData).indexOf('' + item.id) === -1) {
        newData[item.id] = []
      }
      newData[item.id].push(item)
    })
    return newData
// [{id:'1',title: '123'},{id: '1',title: '456'},{id: '2', title: '789'}]
// {1: [{id: '1', title: '123'},{id: '1', title: '456'}], 2: [{id: '2', title: '789'}]}
}





?

?