Javascript：爲什麼當我調用這段代碼時不會拋出錯誤？

Question

我正在玩弄HTML畫布，並使用Javascript在其上書寫一些文字。

雖然這樣做，我做了一個簡單的錯誤，花了我一些時間來找到。我寫道：

context.fillText = ("My message", x-coord, y-coord); 

等號阻止我預期的行爲。但有一件事我沒有得到：爲什麼此代碼不會給我在Chrome的Javascript控制檯中的錯誤？

這個有效的Javascript？如果是的話：你能解釋一下當等號出現時，代碼的作用嗎？

Answer 1

是的這是有效的Javascript。它使用comma operator，它只評估左側的表達式，然後右側的表達式並返回右側的表達式。

由於表達"My message"和x-coord有沒有副作用，它是一樣的：

context.fillText = y-coord; 

或者：

"My message"; // Does nothing 
x-coord;  // Does nothing 
context.fillText = y-coord; 

Answer 2

的comma operator評估每個表達式並返回最後，所以右手邊正在評估只是：

y-coord 

...和context.fillText設置等於它。

Answer 3

如果你問的是差異

之間

context.fillText = ("My message", x-coord, y-coord);

and

context.fillText("My message", x-coord, y-coord);

答案是，你分配體現了=標誌context.fillText的權利，因此，試圖覆蓋方法本身，而不是帶參數調用它。