0

可能重复:
对象内部的“this”

我正在尝试为我正在处理的 jQuery 插件的几个默认选项创建一个对象文字:

  var defaults = {

            r: 5,
            top: this.r,
            bottom: this.r,
            topleft: this.top,
            topright: this.top,
            bottomleft: this.bottom,
            bottomright: this.bottom


        };

当我引用defaults.top它时undefined

我能做些什么来完成这项工作?或者也许是不同的方法?我需要它是一个对象文字。

添加:

它是(default对象),如您所见,它的级联方式旨在成为一种短手技术。例如,如果您想将所有角定义为相同,则可以使用{r: 5},但如果您希望顶部和底部{top: 5, bottom: 1}再次不同,{topleft: 5, topright:2, bottomleft: 3, bottomright:19 }我为没有说明清楚而单独道歉,但非常感谢您的回答。

回答:这就是我最终做的

if(o.topleft == undefined || o.topright == undefined || o.bottomleft == undefined || o.bottomright == undefined){
                if(o.top == undefined || o.bottom == undefined){
                    if(o.r == undefined){
                        o.topleft = 5;
                        o.topright = 5;
                        o.bottomleft = 5;
                        o.bottomright = 5;
                    }else{
                        o.topleft = o.r;
                        o.topright = o.r;
                        o.bottomleft = o.r;
                        o.bottomright = o.r;  
                    }
                }
                else{
                    o.topleft = o.top;
                    o.topright = o.top;
                    o.bottomleft = o.bottom;
                    o.bottomright = o.bottom;
                }
            }

晚餐马虎,但嘿,它奏效了!谢谢你的帮助!我选择了答案,因为这种解释导致我这样做!

4

1 回答 1

3

“当我引用 defaults.top 它时 undefined

那是因为this它不是指您正在创建的对象,而是this来自代码运行的任何范围。

对象字面量语法不允许您通过引用同一对象中的其他属性来设置值 - 该对象尚不存在。您可以引用在对象字面量之前声明的其他变量或函数。因此,如果您需要所有属性都与示例中的相同,那么您可以这样做:

var val = 5,
    defaults = {
            r: val,
            top: val,
            bottom: val,
            topleft: val,
            topright: val,
            bottomleft: val,
            bottomright: val
    };

或者使用对象文字创建一些属性,然后设置其余的:

var defaults = {
        r : 5
    };

defaults.top = defaults.bottom = defaults.r;
defaults.topleft = defaults.topright = defaults.top;
// etc

显然后者更适合将某些属性设置为一个值,而将其他属性设置为另一个值。(尽管在您的示例中,所有属性都是相同的。)

无论哪种方式最终都会为您提供相同的对象(对象文字只是创建对象的快捷方式)。

“我希望它足够简单,可以做这样的事情 $(selector).myPlugin({r:10}); $(selector).myPlugin({top:10, bottom: 5});

好吧,您仍然可以使用对象文字作为参数来调用插件。但是defaults可以使用其他技术定义对象(我假设它是在插件内部定义的)。

于 2012-08-12T07:35:09.063 回答