一道关于javascript数据类型题目的思考-优快云博客

本文介绍了一个用于复制JavaScript中五种主要数据类型的函数clone。该函数不仅能够处理基本数据类型，还能递归地克隆复杂对象和数组。此外，还提供了一种更高级的克隆方法，利用了Object.prototype来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

感觉这个题目涉及的基础知识内容比较多，故分享出来，后面会详细介绍数据类型的文章，欢迎关注。

实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

  /**
 * 对象克隆
 * 支持基本数据类型及对象
 * 递归方法
 */
function clone(obj) {
    var o;
    switch (typeof obj) {
        case "undefined":
            break;
        case "string":
            o = obj + "";
            break;
        case "number":
            o = obj - 0;
            break;
        case "boolean":
            o = obj;
            break;
        case "object": // object 分为两种情况 对象（Object）或数组（Array）
            if (obj === null) {
                o = null;
            } else {
                if (Object.prototype.toString.call(obj).slice(8, -1) === "Array") {
                    o = [];
                    for (var i = 0; i  obj.length; i++) {
                        o.push(clone(obj[i]));
                    }
                } else {
                    o = {};
                    for (var k in obj) {
                        o[k] = clone(obj[k]);
                    }
                }
            }
            break;
        default:
            o = obj;
            break;
    }
    return o;
}

如果你有高级前端的水平，这个时候就应该写出下面的代码

Object.prototype.clone = function(){

            var o = this.constructor === Array ? [] : {};

            for(var e in this){

                    o[e] = typeof this[e] === "object" ? this[e].clone() : this[e];

            }

            return o;
    }

基础知识还需要牢固，要不怎么能写出这样高端的写法呢？哈哈?