构建JavaScript对象的干净方法

构建JavaScript对象的干净方法,javascript,Javascript,我只是从Javascript开始,我不确定我是否为对象类型声明声明了这些内容。是否有更好的方法和更可读的方法在Javascript中将变量声明为类,或者这是最简单的方法 根据我所读的内容,blueObject只是一个空的对象。这是在Javascript中创建简单对象类型的唯一方法,还是有更好、更可读的方法? 代码: 对于您的目的来说,这可能是最干净的方法 var blueObject = { x: 0, y: 200, dx: 2, width: 48,

我只是从Javascript开始,我不确定我是否为对象类型声明声明了这些内容。是否有更好的方法和更可读的方法在Javascript中将变量声明为类,或者这是最简单的方法

根据我所读的内容,blueObject只是一个空的对象。这是在Javascript中创建简单对象类型的唯一方法,还是有更好、更可读的方法?

代码:


对于您的目的来说,这可能是最干净的方法

var blueObject = {
    x: 0,
    y: 200,
    dx: 2,
    width: 48,
    height: 48,
    image: new Image()
};

var redObject = {
    x: 348,
    y: 200,
    dx: -2,
    width: 48,
    height: 48,
    image: new Image();
};

blueObject.image.src = "blueplus.png";
redObject.image.src = "redCircle.png";

context.drawImage(blueObject.image, 0, 0);
blueObject.blueImageData = context.getImageData(0, 0, blueObject.width,
                                              blueObject.height);
context.clearRect(0, 0, theCanvas.width, theCanvas.height);

另请参阅以了解创建JavaScript对象的更正式的方法。

您可以创建如下类颜色:

ColorClass = function(aX, aY, ..., aSrc){
    this.x = aX;
    this.y = aY;
    ...
    this.image = new Image();
    this.image.src = aSrc;
}
var blueObject = new ColorClass(0, 200, 2, ..., "blueplus.png"),
    redObject = new ColorClass(348, 200, ..., "redcircle.png");
然后可以像这样实例化两个对象:

ColorClass = function(aX, aY, ..., aSrc){
    this.x = aX;
    this.y = aY;
    ...
    this.image = new Image();
    this.image.src = aSrc;
}
var blueObject = new ColorClass(0, 200, 2, ..., "blueplus.png"),
    redObject = new ColorClass(348, 200, ..., "redcircle.png");

我喜欢显示模块模式,它允许您拥有一个私有范围。您所做的是合法的,但是您从外部修改对象,这通常是一种不好的做法

var myClass = function(a, b){ // constructor
   var a = a;
   var b = b; 
   var c = a + b;

   return { // public signature
      c: c
   }
}();

. .请你修改一下具体的例子,说明IEFE对哪些部分有用<代码>a+b有点太抽象了