javascript - 下面的 JavaScript 代码是如何工作的？你能给我一些细节吗？

Question

<button onclick="javascript:this.innerHTML={'true':'Start','false':'Pause'}[G.pause=!!!G.pause];">Pause</button>

如果我单击该按钮，它会变成“开始”，当我再次单击时，它会变成“暂停”。

我已经写了另一段类似上面的段，但它没有按照我的意愿工作:

<button onclick ="javascript: this.innerHTML{'true':'start','false':'pause'};">pause</button> 

谁能告诉我为什么？

Answer 1

有一个名为G的全局变量正在使用。

{'true':'Start','false':'Pause'}

这将创建一个具有两个属性的对象。

其中一个的名称为true，值为“Start”
另一个的名称为 false ，值为“Pause”

将 [G.pause=!!!G.pause] 放在对象后面意味着从该对象中选择一个元素。
看看member [] operator

G.pause=!!!G.pause 计算结果为 true 或 false，同时将该值赋回给G.暂停。通过这种方式，您可以切换值并从对象中选择相对属性。

示例位于 http://www.jsfiddle.net/gaby/DfyYg/1/