我对Javascript有点新鲜,所以也许这只是一个noob错误,但我没有找到任何特别有助于我环顾四周的东西。我正在写一个游戏,我正在尝试为暂停菜单构建一个对象。
我想做的一件事就是让菜单上的按钮成为pause_menu对象内部的对象,以便组织起来。我最终要为这些对象添加事件处理程序,我也想在pause_menu对象中执行此操作。有些按钮尚未完全编码,但我想在继续操作之前至少得到一些工作。
我正在使用Raphael.js v1.5.2渲染形状。拉斐尔的东西适用于界面的其余部分,但是代码看起来并不像这样,所以类似的东西对我来说更好。
我目前的问题是,当我执行var pause_menu = new pause_menu();
时,实际上没有任何内容呈现这是我到目前为止暂停菜单的代码:
//Pause Menu Object:
function pause_menu() {
function pause_button() {
this.button = game.rect(0, 350, 150, 50, 5);
this.text = game.text(75, 375, 'PAUSE');
}
function resume_button() {
this.button;
this.text;
}
function quit_button() {
this.button;
this.text;
}
this.pause_button = new pause_button(); //the button that the user presses to pause the game (I want an event handler on this to trigger .show() method for presently hidden menu items)
this.resume_button = new resume_button();
this.quit_button = new quit_button();
this.box = game.rect(150, 50, 400, 300, 5).hide(); //the box that surrounds the menu when it appears
}
var pause_menu = new pause_menu();
好的,所以这是解决方案(带有事件处理程序):
var pause_menu = {
pause_button: { button : game.rect(0, 350, 150, 50, 5).click(function (event){
pause_menu.menu_box.show();
}), text : game.text(75, 375, 'PAUSE') },
menu_box: game.rect(150, 50, 400, 300, 5).hide(),
resume_button: {},
quit_button: {}
};
答案 0 :(得分:27)
var pause_menu = {
pause_button : { someProperty : "prop1", someOther : "prop2" },
resume_button : { resumeProp : "prop", resumeProp2 : false },
quit_button : false
};
然后:
pause_menu.pause_button.someProperty //evaluates to "prop1"
等等。
答案 1 :(得分:9)
只要将Object声明为另一个父Object的属性,就可以拥有任意级别的Object层次结构。注意每个级别的逗号,这是棘手的部分。不要在每个级别的最后一个元素之后使用逗号:
{el1, el2, {el31, el32, el33}, {el41, el42}}
var MainObj = {
prop1: "prop1MainObj",
Obj1: {
prop1: "prop1Obj1",
prop2: "prop2Obj1",
Obj2: {
prop1: "hey you",
prop2: "prop2Obj2"
}
},
Obj3: {
prop1: "prop1Obj3",
prop2: "prop2Obj3"
},
Obj4: {
prop1: true,
prop2: 3
}
};
console.log(MainObj.Obj1.Obj2.prop1);