var menu = { // 當(dāng)前狀態(tài) currentState: 'hide', // 綁定事件 initialize: function() { var self = this; self.on("hover", self.transition); }, // 狀態(tài)轉(zhuǎn)換 transition: function(event){ switch(this.currentState) { case "hide": this.currentState = 'show'; doSomething(); break; case "show": this.currentState = 'hide'; doSomething(); break; default: console.log('Invalid State!'); break; } } };有三個(gè)問(wèn)題：它在變量中寫(xiě)這個(gè)有什么好處呢？currentState: 'hide',initialize: function() {}這樣的寫(xiě)法。逗號(hào)是代表這個(gè)寫(xiě)法屬于數(shù)組是嗎？這個(gè)判斷是否顯示隱藏的代碼怎么去執(zhí)行它？
4 回答
茅侃侃
TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊
先了解什么是對(duì)象
var menu = {}; // {}表示一個(gè)對(duì)象，menu就是一個(gè)對(duì)象
2. JS {}對(duì)象的數(shù)據(jù)格式
它的數(shù)據(jù)格式是json，即鍵值對(duì)，使用,分隔，如{a:"vaule1", b : function(){}}
因此你理解成數(shù)組是不對(duì)的
3. 怎么執(zhí)行，根據(jù)你現(xiàn)在的代碼無(wú)法判斷
推測(cè)，你在某個(gè)時(shí)間點(diǎn)，需要綁定事件，如頁(yè)面加載時(shí)，你執(zhí)行menu.initialize();方法
根據(jù)下面方法
// 綁定事件 initialize: function() { var self = this; self.on("hover", self.transition); // 把hover事件設(shè)置成 transition()
// 個(gè)人覺(jué)得 menu對(duì)象還少了個(gè)on方法
},
桃花長(zhǎng)相依
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊
1、一個(gè)變量等同于一個(gè)對(duì)象，他既有屬性又有方法，可以是邏輯更清晰
2、屬于數(shù)組，currentState 、 initialize 都屬于menu 的屬性，：后的是屬性的值
3、更改 menu.currentState 屬性的值 然后調(diào)用 menu.transition 可執(zhí)行
開(kāi)心每一天1111
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊
”{}“ 表示一個(gè)對(duì)象，”{}“以”,“分隔該對(duì)象的屬性或函數(shù)。
如你列出的代碼的含義是：
創(chuàng)建一個(gè)名為menu的對(duì)象，同時(shí)menu具有currentState屬性、函數(shù)initialize 和 函數(shù)transition
等價(jià)于：
| 1234 | var menu = {};menu.currentState = "hide";menu.initialize = function(){...};menu.transition = function(){...}; |
你說(shuō)的,分隔表示數(shù)組，那是在”[]“的情況，如：
| 1 | var array = [1,2,3]; |
添加回答
舉報(bào)
0/150
提交
取消