定义this.property或objectName.property的JavaScript JSON对象？

Question

我想知道下面哪些是最好的实践？

我应该使用这条语句，像这样：

var object = { 
    x: 20, 
    y: 10, 
    width: this.x, 
    height: this.y, 
    render: function() { //renders object on canvas 
    ctx.fillRect(this.x, this.y, this.width, this.height); 
    } 
}; 

或者我应该使用对象的名称，像这样：

var object = { 
    x: 20, 
    y: 10, 
    width: object.x, 
    height: object.y, 
    render: function() { //renders object on canvas 
    ctx.fillRect(object.x, object.y, object.width, object.height); 
    } 
}; 

非常感谢提前！

Answer 1

使用第一个，因为它是更清晰了很多其他开发商马上你指的是蝙蝠。

已取得了您尝试，所以通过使用它，你都清楚地传达你的意图，而不是混淆他们的东西。

Answer 2

这两种方案不会为你工作。

var object = { 
    x: 20, 
    y: 10, 
    width: this.x, 
    height: this.y, 
    render: function() { //renders object on canvas 
    ctx.fillRect(this.x, this.y, this.width, this.height); 
    } 
}; 

在上面的场景中width：this.x，height：this.y不起作用。因为这个关键字的对象只能在渲染函数中使用。对于写入外部渲染函数的这是窗口对象。

var object = { 
    x: 20, 
    y: 10, 
    width: object.x, 
    height: object.y, 
    render: function() { //renders object on canvas 
    ctx.fillRect(object.x, object.y, object.width, object.height); 
    } 
}; 

在第二种情况下宽度：object.x，高度：object.y不会工作，因为你正在尝试使用对象变量在其定义的中间。渲染功能内不会有任何问题。