一、使用 JSON.parse 和 JSON.stringify 

    1. JSON.parse(JSON.stringify(obj))

    缺点：

    • 循环引用会报错。
    • 性能较差。
    • 会忽略 undefined，Date，RegExp，Error 等特殊对象。

    二、使用递归

    实现：

    1. function isObj(obj) {
    2.   return typeof obj === 'object'
    3. }
    5. function deepClone(obj, hash = new WeakMap()) {
    6.   if (!isObj(obj) || obj === null || obj === undefined) return obj
    7.   let cloneObj
    8.   const Constructor = obj.constructor
    9.   switch (Constructor) {
    10.     case RegExp:
    11.       cloneObj = new Constructor(obj)
    12.       break
    13.     case Date:
    14.       cloneObj = new Constructor(obj.getTime())
    15.       break
    16.     case Array:
    17.       cloneObj = []
    18.       break
    19.     default:
    20.       if (hash.has(obj)) return hash.get(obj)
    21.       cloneObj = new Constructor()
    22.       hash.set(obj, cloneObj)
    23.   }
    25.   for (let key in obj) {
    26.     if (typeof obj[key] == 'function') {
    27.       cloneObj[key] = obj[key].bind(cloneObj)
    28.     } else {
    29.       cloneObj[key] = isObj(obj[key]) ? deepClone(obj[key], hash) : obj[key]
    30.     }
    31.   }
    32.   return cloneObj
    33. }

    参考实现：https://github.com/wengjq/Blog/issues/3

    1. (function ($) {
    2.     'use strict';
    4.     var types = 'Array Object String Date RegExp Function Boolean Number Null Undefined'.split(' ');
    6.     function type () {
    7.        return Object.prototype.toString.call(this).slice(8, -1);
    8.     }
    10.     for (var i = types.length; i--;) {
    11.         $['is' + types[i]] = (function (self) {
    12.             return function (elem) {
    13.                return type.call(elem) === self;
    14.             };
    15.         })(types[i]);
    16.     }
    18.     return $;
    19. })(window.$ || (window.$ = {}));//类型判断
    21. function copy (obj,deep) { 
    22.     if ($.isFunction(obj)) {
    23.         return new Function("return " + obj.toString())();
    24.     } else if (obj === null || (typeof obj !== "object")) { 
    25.         return obj; 
    26.     } else {
    27.         var name, target = $.isArray(obj) ? [] : {}, value; 
    29.         for (name in obj) { 
    30.             value = obj[name]; 
    32.             if (value === obj) {
    33.                 continue;
    34.             }
    36.             if (deep) {
    37.                 if ($.isArray(value) || $.isObject(value)) {
    38.                     target[name] = copy(value,deep);
    39.                 } else if ($.isFunction(value)) {
    40.                     target[name] = new Function("return " + value.toString())();
    41.                 } else {
    42.                     target[name] = value;
    43.                 } 
    44.             } else {
    45.                 target[name] = value;
    46.             } 
    47.         } 
    48.         return target;
    49.     }　        
    50. }