javascript – 如何在不调用构造函数的情况下复制对象及其原型链？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在不调用构造函数的情况下复制对象及其原型链？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1350字，纯文字阅读大概需要2分钟。

内容图文

如何在不调用构造函数的情况下复制对象及其原型链？

换句话说,在下面的例子中,函数dup会是什么样子？

class Animal
  @sleep: -> console.log('sleep')
  wake: -> console.log('wake')
end
class Cat extends Animal
  constructor: ->
    super
    console.log('create')

  attack: ->
    console.log('attack')
end

cat = new Cat()         #> create
cat.constructor.sleep() #> sleep
cat.wake()              #> wake
cat.attack()            #> attack

dup = (obj) ->
  # what magic would give me an effective copy without
  # calling the Cat constructor function again.

cat2 = dup(cat)          #> nothing is printed!
cat2.constructor.sleep() #> sleep
cat2.wake()              #> wake
cat2.attack()            #> attack

尽管看起来很痛苦,但这是一个例子中的jsfiddle.

尽管我的例子中只使用了函数,但我还需要这些属性.

解决方法:

function dup(o) {
    return Object.create(
        Object.getPrototypeOf(o),
        Object.getOwnPropertyDescriptors(o)
    );
}

它依赖于ES6 Object.getOwnPropertyDescriptors.你可以效仿它. Taken from pd

function getOwnPropertyDescriptors(object) {
    var keys = Object.getOwnPropertyNames(object),
        returnObj = {};

    keys.forEach(getPropertyDescriptor);

    return returnObj;

    function getPropertyDescriptor(key) {
        var pd = Object.getOwnPropertyDescriptor(object, key);
        returnObj[key] = pd;
    }
}
Object.getOwnPropertyDescriptors = getOwnPropertyDescriptors;

Live Example

将其转换为coffeescript将留作用户的练习.另请注意,dup浅拷贝拥有属性.

内容总结

以上是互联网集市为您收集整理的javascript – 如何在不调用构造函数的情况下复制对象及其原型链？全部内容，希望文章能够帮你解决javascript – 如何在不调用构造函数的情况下复制对象及其原型链？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端