如何克隆一个 JavaScript 对象?

本贴最后更新于 658 天前,其中的信息可能已经沧海桑田

2019-01-10

回答

使用扩展运算符 ... 可将对象自身的枚举属性复制到新对象中。但这只能进行浅拷贝,如:

const obj = { a: 1, b: 2 }
const shallowClone = { ...obj } 

使用这种技术将会忽略原型链。此外,嵌套对象并不会被克隆,只是复制了他们的引用,因此浅拷贝后嵌套对象和原始对象仍然指向同一个对象。

加分回答

返回总目录

每天 30 秒

  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:PipeSoloSymWide 等。

    1112 引用 • 3372 回帖 • 494 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 379 回帖 • 2 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    670 引用 • 1132 回帖 • 747 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    274 引用 • 1355 回帖 • 188 关注

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • Eddie
    捐赠者

    如何用 JavaScript 语言实现继承关系?

    1 回复
  • Vanessa
    作者
    class Parent {
        constructor(name) {
            this.name = name;
        }
    }
    
    class Child extends Parent {
        constructor(name, age) {
            super(name); // 调用父类的 constructor(name)
            this.age = age;
        }
    }
    
    console.log(new Child('kevin', '18')) // Child {name: "kevin", age: "18"}
    
    1 回复
  • Eddie
    捐赠者

    不许用 ES6 的语法!!!!!

    1 回复
  • Vanessa
    作者
    function Parent(name) {
      this.name = name;
    };
    function Child(name, age) {
      Parent.call(this, name, age);
      this.age = age;
    }
    
    console.log(new Child('kevin', '18')) // Child {name: "kevin", age: "18"}
    
    1 回复
  • wuhongxu

    再来一波用原型链的 😒

    1 回复
  • Vanessa
    作者
    function Parent (name) {
      this.name = name;
    }
    function Child(age){ 
        this.age = age
    }
    Child.prototype = new Parent('kevin');
    const child = new Child(18);
    console.log(child.age, child.name) // 18 "kevin"
    
  • Eddie
    捐赠者

    我用 typescript 看编译后的继承关系的代码,有点复杂

  • wuhongxu

    js 不太适合也不太需要面向对象的语法啦,就函数式走下去其实也挺不错的,不必强求面向对象的感觉

请输入回帖内容 ...