Question

我正在关注一个教程并在其中声明变量，然后继续用他们做一些我不理解的事情。

var player, ai, ball;

player = { // this is the code I am referring to
    x: null,
    y: null,
    width: 20,
    height: 100,

    update: function(){},
    draw: function(){
        ctx.fillRect(this.x, this.y, this.width, this.height);
    }
};

他是否在变量中添加变量？感谢。

Answer 1

是的，它声明了一个javascript对象。

你可以使用一些reading

对象也是变量。但是对象可以包含许多值。

Answer 2

此代码将对象分配给变量。每个冒号左侧的字符串是属性名称。代码为属性赋值，最后两个赋值函数。

可以像这样调用属性：

   var playerAge = player.age;

同样会调用这些函数：

   player.draw();

Answer 3

不完全只是在变量中设置变量。他将player设置为等于Javascript对象。此对象包含x和y以及函数update和draw等成员。

JS Object documentation

Answer 4

var player, ai, ball;  // this declare variables 

player = { // player = {} , it means player is a object
    x: null,    // this object have a var call x;
    y: null,
    width: 20,  
    height: 100, 

    // this object has a property "update", and update is a function;
    update: function(){},  

    // this object has a property "draw", and draw is a function;
    draw: function(){
        ctx.fillRect(this.x, this.y, this.width, this.height);
    }
};

关于变量的简单Javascript事情

4 个答案: