在 JavaScript 中扩展属性

Question

我在javascript中有这段代码：

var object = {
    get: function(id){
        sel = document.getElementById(id);
        sel.orig = {};

        ...

        return object.extend(sel, object);
    }

    extend: function(el, opt){
        for(var name in opt) el[name] = opt[name];
        return el;
    }
}

在另一个js中我有

var Multi = {
    set: function(){
        if(!this.orig["height"]) this.orig["height"] = this.offsetHeight;

        ...

        return this;
    }
}

object.extend(object,Multi);

这样的代码：

object.get('myId').set();

但是在“set”方法中，属性this.orig[“height”]总是未定义的，所以它总是会改变值这不是这个想法，我需要第一次捕获它，因为我试图制作一个 Fx 框架，而我那是用于 SlideUp 功能的，我需要保持原始高度，这样我可以再次返回。

有什么想法吗？谢谢

Answer 1

现在，与一些人的 answers 评论完全没有建设性相反，我认为你真正的问题是关于这个小小曲：

  extend: function(el, opt){
        for(var name in opt) el[name] = opt[name];
        return el;
  }

以及为什么它返回未定义？它不......你的问题出在别处，因为这是有效的：

var object = {
    get: function(id) {
        el = document.getElementById(id);
        el.orig = {};
        return object.extend(el,object);
    },
    extend: function( el, opt ) {
        for(var name in opt) el[name] = opt[name];
        return el;
    }   
}

var Multi = {
    set: function() {
        if(!this.orig['height']) this.orig['height'] = this.offsetHeight;
        console.log( this.orig['height'] ); // if the value of offsetHeight itself is not undefined, it is what is returned.
    }
}
object.extend(object,Multi);
object.get('myId').set();

Answer 2

嘿，感谢您的评论和 Quickredfox 的整体回答！我发现了问题，在这一部分：

 get: function(id) {
    el = document.getElementById(id);
    el.orig = {};
    return object.extend(el,object);
},

我刚刚更改为：

 get: function(id) {
    el = document.getElementById(id);
    if(!el.orig) el.orig = {};
    return object.extend(el,object);
},

瞧！非常感谢您的回答！