Re: [問題] 為何FF無法藉由new Function()傳遞事件?

看板Ajax作者 (撫星)時間12年前 (2013/01/19 17:02), 編輯推噓4(4011)
留言15則, 3人參與, 最新討論串4/5 (看更多)
※ 引述《folio (function(){})()》之銘言: : - ms dom 中,event 發生時,記載 event data 的 object 放在一個 global variable 裡面, : 這個 global variable 叫做 event。 : - 而 global variable 其實就是 global object 的某個 property。 : - 當我們討論 client-side 的時候 global object 就是 window object。 : 綜合以上三點,所以 ms dom 中,handler 需要 event data 的時候,會寫 window.event, : 事實上你寫 event 也是一樣的意思。 : oncilck = Function("if(keyVerify(event)")...) : 當 Function constructor 被 evaluate 的時候,是在 global scope 中 evaluate, : 首先在 javascript 裡面如果是要動態產生 function 的話,並不需要用 Function constructor。 : 寫 function(){} 就可以了,理由一是 Function constructor 要把 function body 交給 : interpreter 處理,這是很昂貴的事情;理由二,這製造了 injection 的時機。 其他部份我懂了 先謝謝你的答覆 不過這點我要解釋一下 我使用new Function()是因為有變數傳遞 function(){toPage(i)} i的值一律都會變成迴圈最後一圈的值 我猜想這是因為 function() 匿名函式(函式實字) 要一直到被呼叫的時候 才會去抓變數職 所以當onclick觸發時 i的值當然就固定在最後的值 但是用 new Function("toPage("+i+")") 就抓得出來 因為函式建構子在宣告這個函式的當下 就已經在解析變數i。 我後來得知匿名函式另一種方法 這應該才是真正的參數傳遞吧: onclick = function(j) { return function(){ toPage(j); } }(i); 透過這種方式 外面那層函式會被立即呼叫 所以變數當然也會立刻解析。 和上面比起來 優點是他傳遞的是變數 而不是值 所以要傳遞參考變數例如物件 單獨new Function就沒用了 一定要用這種方法。 另外就是 只有外面那層要交給interpreter立即處理 不像函式建構子整個function動作都要丟給 interpreter 雖然如此 我想 new Function 還是有它派上用場的時候。 拿我這次寫的東西舉例: function foo(obj, css1, value1, css2, value2) { var f = new Function("obj", "v", "obj.style." + css1 + "= v"); f(obj, value1); f = new Function("obj", "v", "obj.style." + css2 + "= v"); f(obj, value2) } foo(this, "height", "300px", "width", "500px"); 因為函式建構子是將字串轉成程式碼 所以彈性就高出許多 原本code不能放變數的地方 透過new Function就能做出變化。 我個人猜想 jQuery可能也是用類似方法實作的。 至於injection漏洞問題 這我確實就不太明白了。 請問可以舉個例子嗎? 這樣以後也好避免。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 1.162.203.164 ※ 編輯: StarTouching 來自: 1.162.203.164 (01/19 17:06)

01/19 17:27, , 1F
看起來這東西就像eval阿 jQuery不太可能用這種方式
01/19 17:27, 1F

01/19 17:31, , 2F
jQuery還真的有用到new Function() 當我沒說好了
01/19 17:31, 2F

01/19 17:46, , 3F
對耶 原來eval是這樣用的 我現在才知道 XDDD
01/19 17:46, 3F

01/19 17:46, , 4F
不過既然如此 如果函式建構子有injection問題
01/19 17:46, 4F

01/19 17:47, , 5F
eval()也一樣會有
01/19 17:47, 5F

01/19 17:53, , 6F
01/19 17:53, 6F

01/19 17:57, , 7F
在jQuery裡用到這一段是因為parse JSON 而且它有做valid
01/19 17:57, 7F

01/19 17:58, , 8F
可以盡量避免掉XSS的問題 eval本來就有這樣的問題沒錯
01/19 17:58, 8F

01/19 17:59, , 9F
基本上現在主要瀏覽器的最新版本都有原生parseJSON
01/19 17:59, 9F

01/19 17:59, , 10F
所以用jQuery遇到new Function的機率幾乎等於零
01/19 17:59, 10F

01/19 18:04, , 11F
另外就是你提供的例子其實有更好的寫法 像這種形況
01/19 18:04, 11F

01/19 18:05, , 12F
可以改用obj.style[css]=value
01/19 18:05, 12F

01/19 18:06, , 13F
唯background-color這種命名方式要改成駱駝命名法
01/19 18:06, 13F

01/19 18:39, , 14F

01/19 21:01, , 15F
closure是javascript很重要的特性,也是正確的做法
01/19 21:01, 15F
文章代碼(AID): #1G-c4tJ2 (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1G-c4tJ2 (Ajax)