如何避免在這裏使用變量？

Question

我想創建一個畫布元素並獲取它的上下文。我嘗試了一切，但無法擺脫buffer變量。這讓我瘋狂。你可以幫我嗎？

(function(buffer){ 
    document.body.appendChild(
     buffer=document.createElement("canvas") 
    ) 
    canvas=buffer.getContext("2d") 
})() 

Answer 1

變量有什麼問題？不管怎麼說，你可以這樣做：

var canvas = document.body.appendChild(document.createElement("canvas")) 
       .getContext("2d"); 

因爲Node.appendChild返回已追加的節點。

Answer 2

你的意思是那樣嗎？

(function(){ 
    var buffer = document.createElement("canvas"); 
    document.body.appendChild(buffer); 

    var canvas = buffer.getContext("2d") 

})(); 

Answer 3

你的意思是這樣的嗎？

(function(buffer){ 

    var canvas; 
    document.body.appendChild(buffer) 
    canvas = buffer.getContext("2d") 

})(document.createElement("canvas"))