前端開(kāi)發(fā)常用的函數(shù)

YacaToy 發(fā)布于2019-08-23 13:41 / 1838人閱讀

摘要：實(shí)用的函數(shù)集合總結(jié)基本類(lèi)型的判斷在項(xiàng)目實(shí)例中，難免要做一些容錯(cuò)處理或者是對(duì)實(shí)例的類(lèi)型判斷，那么就可以把這部分的判斷整理成公共的文件，供全局使用。

實(shí)用的函數(shù)集合總結(jié) 基本類(lèi)型的判斷

在項(xiàng)目實(shí)例中，難免要做一些容錯(cuò)處理或者是對(duì)實(shí)例的類(lèi)型判斷，那么就可以把這部分的判斷整理成公共的js文件，供全局使用。

利用object.prototype.toString.call可以判斷對(duì)象的類(lèi)型

變量的兩種類(lèi)型值:
1、基本類(lèi)型：String,Number,Boolean,undefined,null，按值訪問(wèn)
2、引用類(lèi)型：Object,Array, 對(duì)象保存在內(nèi)存中

可以作為項(xiàng)目的工具類(lèi)，比如命名為tool.js


export default isNumber(value) {
    return Object.prototype.toString.call(value) == "[object Number]"
}
export default isString(value) {
    return Object.prototype.toString.call(value) == "[object String]"
}
export default isArray(value) {
    return Object.prototype.toString.call(value) == "[object Array]"
}
export default isBoolean(value) {
    return Object.prototype.toString.call(value) == "[object Boolean]"
}
export default isUndefined(value) {
    return value === undefined
}
export default isNull(value) {
    return value === null
}
export default isSymbol(value) {
    return Object.prototype.toString.call(value) == "[object Symbol]"
}
export default isObject(value) {
    return ( Object.prototype.toString.call(value) == "[object Object]"
     ||
        // if it isn"t a primitive value, then it is a common object
        (
          !isNumber(value) &&
          !isString(value) &&
          !isBoolean(value) &&
          !isArray(value) &&
          !isNull(value) &&
          !isFunction(value) &&
          !isUndefined(value) &&
          !isSymbol(value)
        )
    )
}

//是否是一個(gè)空對(duì)象
export function isEmptyObject(obj) {
    if(!isObject(obj)) {
        return false
    }
    if(var key in obj) {
        return false
    }
    return true
}

//是否是一個(gè)空數(shù)組
export function isEmptyArray(array) {
    if(!isArray(array)) {
        return false
    }
    return array.length > 0 ? false : true
}

export function isFunction(value) {
  return Object.prototype.toString.call(value) == "[object Function]";
}

引用類(lèi)型克隆合并

Object.assign方法實(shí)行的是淺拷貝，而不是深拷貝。也就是說(shuō)，如果拷貝后的結(jié)果是兩個(gè)對(duì)象指向同一引用地址，修改其中一個(gè)對(duì)象的屬性，則另一個(gè)對(duì)象的屬性也會(huì)改變
所以改變引用類(lèi)型值時(shí)會(huì)影響到拷貝的值

var obj1 = {a: {b: 1}};  
var obj2 = Object.assign({}, obj1);  
obj1.a.b = 2;  
obj2.a.b // 2

下面extend函數(shù)就是解決上面的問(wèn)題

/*
    深度合并內(nèi)容
    引用類(lèi)型克隆合并
    arguments[0] = target
    arguments type is Object Or Array
    多內(nèi)容合并覆蓋優(yōu)先級(jí): arguments[0]
此時(shí)引用類(lèi)型克隆出來(lái)的對(duì)象就是完全獨(dú)立的對(duì)象了，源對(duì)象修改屬性不會(huì)影響到克隆的對(duì)象
var obj1 = {a: {b: 1}};  
var obj2 = extend({}, obj1)  
obj1.a.b = 2;  
obj2.a.b // 1
可以合并 對(duì)象與對(duì)象，數(shù)組與數(shù)組，對(duì)象與數(shù)組等
不同時(shí)間形式的輸出
時(shí)間戳是一樣的，有時(shí)需要根據(jù)需求輸出不一樣格式的時(shí)間形式

yyyy年MM月dd日 hh:mm:ss
yyyy年MM月dd日
yyyy-mm-dd

/*@param date 時(shí)間戳*/
/*@param format 時(shí)間格式*/
function dateFormat(date,format){
    if(!format || typeof format !== "string"){
      console.error("format is undefiend or type is Error");
      return "";
    }

    date = date instanceof Date? date : (typeof date === "number"|| typeof date === "string")? new Date(date): new Date();

    //解析
    var formatReg = {
      "y+": date.getFullYear(),
      "M+": date.getMonth()+1,
      "d+": date.getDate(),
      "h+": date.getHours(),
      "m+": date.getMinutes(),
      "s+": date.getSeconds()
    }
    for(var reg in formatReg){
      if(new RegExp(reg).test(format)){
            var match = RegExp.lastMatch;
            format = format.replace(match, formatReg[reg]< 10 ? "0"+formatReg[reg]: formatReg[reg].toString() );
      }
    }
    return format;
}

這樣，把你想要的時(shí)間的格式和時(shí)間戳傳入即可。
dateFormat(new Date().getTime(),"yyyy-MM-dd hh:mm:ss") 
dateFormat(new Date().getTime(),"MM-dd-yy hh:mm:ss") 
...