utils.js

/**
 * 公共方法
 */

/**
 * traver 深度优先遍历
 * @param {Object} parent 需要遍历的数据
 * @param {Function} cb callback函数
 */
function traver(parent, cb) { //深度优先遍历
  var child;
  for (var key in parent) { //初步循环
    child = parent[key];
    if (child && typeof(child) === 'object') {
        cb(key, child, parent);
        traver(child, cb);
    }
  }
}


/**
 * isNone 判断是否存在
 * @param {String/Function} d
 * @return {Boolean}
 */
function isNone(d) {
  return (d === null || d === undefined || isNaN(d));
}
var root = this
/**
 * extend  合并方法
 * @param  {Objects}  需要扩展的对象
 * @return {Objects}  扩展完成的对象
 *
 * @example
 *   merge(dest, source0, [...]);
 */
function merge(dest) {
  var sources = Array.prototype.slice.call(arguments, 1),
    i, j, len, src;

  for (j = 0, len = sources.length; j < len; j++) {
    src = sources[j] || {};
    for (i in src) {
      if (src.hasOwnProperty(i)) {
        dest[i] = src[i];
      }
    }
  }
  return dest;
}

/**
 * clone 浅复制
 * @param  {Object} obj 被复制的对象
 * @return {Object}     复制后的对象
 */
function clone(obj){
  var result = Array.isArray(obj)?[]:{};
    //clone
    for(var k in obj){
      if (obj.hasOwnProperty(k)) {
        result[k] = obj[k];
      }
    }
  return result;
}

function deepClone(src) {
  var input = Array.isArray(src)?[]:{};
  return deepMerge(input, src);
}

function isNeedClone(d) {
  if(!d) return false;
  if(root.HTMLElement && d instanceof root.HTMLElement) return false;
  if(root.HTMLElement && d[0] && d[0] instanceof HTMLElement) return false;
  if(d.globalCompositeOperation) return false;//ctx的情况
  
  //还需判断div 等节点
  return true;
}

function _isObject(v){
  return v && typeof v === 'object' && !(v instanceof Date);
}

var maxDepth = 8;
function deepMerge(dest, src, directs, depth) {
  var i, j, len, src, depth = depth || 0;
  var result = clone(dest);
  // var result = isDirect ? dest : clone(dest);
  if (depth >= maxDepth) {
    console.log('层数过深, 全部继承');
    return src;
  }
  depth++;
    //
    for (i in src) {
      if (src.hasOwnProperty(i)) {
        var value = src[i];
        var destValue = dest[i];
        if(value === destValue) continue;
        if(value === undefined) continue;
        if (_isObject(destValue) && _isObject(value)){
          if (!isNeedClone(value) || (directs && i in directs)) {
            result[i] = value;
            continue;
          }
          if (Array.isArray(destValue) !== Array.isArray(value)) { // 继承和被继承的 一个是数组 一个是对象
            value = deepClone(value);
            result[i] = value;
            continue;
          }
          result[i] = deepMerge(destValue, value, directs, depth);
          continue;
        }
        if (_isObject(value) && isNeedClone(value)) value = deepClone(value);
        result[i] = value;
      }
    }
  return result;
}


function deepMergeWithoutArray(dest, src, directs, depth) {
  var i, j, len, src, depth = depth || 0;
  var result = clone(dest);
  if (depth >= maxDepth) {
    console.log('层数过深, 全部继承');
    return src;
  }
  depth++;
  //
  for (i in src) {
    if (src.hasOwnProperty(i)) {
      var value = src[i];
      var destValue = dest[i];
      if(value === destValue) continue;
      if(value === undefined) continue;
      if (destValue && typeof (destValue) === 'object' && typeof (value) === 'object') {
        if (Array.isArray(destValue) && Array.isArray(value)) {
          result[i] = value;
          continue;
        }

        if (!isNeedClone(value) || (directs && i in directs)) {
          result[i] = value;
          continue;
        }

        if (Array.isArray(destValue) !== Array.isArray(value)) { // 继承和被继承的 一个是数组 一个是对象
          value = deepClone(value);
          result[i] = value;
          continue;
        }

        result[i] = deepMergeWithoutArray(destValue, value, directs, depth);
        continue;
      }
      if (typeof (value) === 'object' && isNeedClone(value)) value = deepClone(value);
      result[i] = value;
    }
  }
  return result;
}


/**
 * switchValue 如果是非函数 返回本身 如果是函数 执行之，常用于options内部的判断
 * @param  {Any} f 函数或数值
 * @param  {Any} a 参数1
 * @param  {Any} b 参数2
 * @param  {Any} c 参数3
 * @param  {Any} d 参数4
 * @return {Any}   返回值
 */
function switchValue(f, a, b, c, d) {
  if(typeof (f) === 'function') return f(a, b, c, d);
  return f;
}

var root;
if (typeof window === 'object') {
  root = window;
} else {
  root = {};
}

function getContainer(container) {
  if (root.HTMLElement && container instanceof root.HTMLElement) return container;
  if (root.HTMLElement && container[0] && container[0] instanceof root.HTMLElement) return container[0];
  if (typeof container === 'string') {
    if (container.charAt(0) === '.') {
      var className = container.slice(1);
      return container = document.getElementsByClassName(className)[0];
    } else {
      var id;
      if (container.charAt(0) !== '#') {
        id = container;
      } else {
        id = container.slice(1);
      }
      return container = document.getElementById(id);
    }
    if (!container) {
      throw '没有container ';
    }
  }
  return container;
}

module.exports = {
  'getContainer': getContainer,
  'merge': merge,
  'extend': merge,
  'isNone': isNone,
  'traver': traver,
  'deepMerge': deepMerge,
  'clone': clone,
  'deepClone': deepClone,
  'switchValue': switchValue,
  'deepMergeWithoutArray': deepMergeWithoutArray
};