Thread necromancy! To summarize the original post: Currently WebKit’s JS binding implements EventTarget as a mixin—all event targets have addEventListener, removeEventListener and dispatchEvent methods. I propose WebKit put EventTarget on the prototype chain.<div>

<br></div><div>There were two basic questions in response: (1) Why? and (2) Where are the specs going?</div><div><br></div><div>(1) Why? To summarize the rationale from off-list replies, spec mailing list threads, and webapps bug threads:</div>

<br>Making event targets inherit from EventTarget simplifies hooking that functionality from a single choke-point. Otherwise, the web developer has to track down all those separate objects hook each one. Why is EventTarget special? What about other mixins? At the TC39 meeting in November, during a discussion about removing multiple inheritance, EventTarget was brought up as the mixin what would probably want to have global hooking done to it the most.<div>

<br></div><div>(2) Where are the specs going?</div><div><br></div><div>The momentum for specifying EventTarget as an interface is building. In my original post I noted that many specs (DOM Core, Notifications, Indexed DB, SVG, XHR) already specified EventTarget as an interface; now the specs Hixie edits (HTML5, Web RTC, Workers, Web Sockets) and FileReader do too.</div>

<div><br></div><div>Furthermore, there’s a comment from Jonas Sicking <<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=12574#c3" target="_blank">http://www.w3.org/Bugs/Public/show_bug.cgi?id=12574#c3</a>> indicating that Firefox is going to implement EventTarget this way, and from Travis Leithead <<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=12574#c15" target="_blank">http://www.w3.org/Bugs/Public/show_bug.cgi?id=12574#c15</a>> endorsing implementing EventTarget this way.</div>

<div><br></div><div>Which by my rough reckoning of specs implemented by WebKit, leaves just FileWriter and Web Audio. Both of those specs are in a funny place where they don’t specify EventTarget at all, but are event targets in WebKit. I will follow up with Eric Urhane and Chris Rogers about these.</div>

<div><br></div><div>As I mentioned in my original post, the performance impact of this change is minimal. So now that the specs are lined up, are there any objections to making this change? If not I am going to work on reworking the prototype I used to measure performance into a proper patch.</div>

<div><br></div><div>Dominic</div><div><div><div><div><br><div class="gmail_quote">On Fri, Jun 10, 2011 at 7:53 AM, Maciej Stachowiak <span dir="ltr"><<a href="mailto:mjs@apple.com" target="_blank">mjs@apple.com</a>></span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word"><div><br></div>I don't have a personal opinion on which way is technically better myself. But I think the key is getting our code aligned with where standards are going, wether by changing he code or the standards. EventTarget in the prototype chain seems neither especially awesome nor especially terrible to me, it is not really clear to me why editor's drafts of the listed specs decided to change.<div>

<br></div><div>Cheers,</div><div>Maciej<div><div></div><div><br><div><br></div><div><br><div><div><div>On Jun 9, 2011, at 1:14 PM, Sam Weinig wrote:</div><br><blockquote type="cite"><div style="word-wrap:break-word">
I don't think we should do this.  EventTarget is really just an abstract interface, and changing its implementation globally is of limited utility.<div><br></div><div>-Sam</div><div><br><div><div>On Jun 8, 2011, at 5:54 PM, Dominic Cooney wrote:</div>

<br><blockquote type="cite"><div>[If you don't care about JSC or V8 bindings you can safely ignore</div><div>this.]</div><div><br></div><div>TL;DR I want to change the JavaScript bindings to put EventTarget on</div><div>

the prototype chain so it is easier to work with event targets from</div>
<div>JavaScript. What do you think?</div><div><br></div><div>Here is the prototype chain for a button today:</div><div><br></div><div>HTMLButtonElement-HTMLElement-Element-Node-Object</div><div>(add/removeEventListener and dispatchEvent are on Node.)</div>


<div><br></div><div>Here is how I think we should make it look:</div><div><br></div><div>HTMLButtonElement-HTMLElement-Element-Node-EventTarget-Object</div><div>(addEventListener etc. are on EventTarget.)</div><div><br></div>


<div>Here’s why I think we should do this:</div><div><br></div><div>- Specs are moving towards specifying EventTarget as living on the</div><div>prototype chain. DOM Core*, Notifications, Indexed DB, SVG and XHR</div><div>


already do it this way. (* Editor’s draft.)</div><div><br></div><div>- Frameworks that want to hook add/removeEventListener will be able to</div><div>do it in one place: on EventTarget.prototype. In WebKit today they</div>


<div>have to hook the prototypes of window, Node, XMLHttpRequest, etc.</div><div>individually (Because WebKit implements EventTarget as a mixin</div><div>everywhere, there are 20+ different kinds of event targets to hook if</div>


<div>you want to be comprehensive.) If we make this change, it gets easier</div><div>to tell if a given object is an EventTarget; just do</div><div>EventTarget.prototype.isPrototypeOf(something).</div><div><br></div><div>


- It will modestly simplify WebKit’s IDLs and bindings. Instead of</div><div>declaring addEventListener in two dozen places in IDLs, it will be in</div><div>one place; instead of calling visitJSEventListeners in dozens of</div>


<div>places for JSC GC, it will be called in one place; instead of assuming</div><div>that EventTarget parameters are all Node* under the covers for V8 code</div><div>generation, we can treat EventTargets uniformly; instead of</div>


<div>redundantly specifying EventTarget on Document and Node inheritance</div><div>will do what you want; etc.</div><div><br></div><div>Will doing this break the web? I don’t think so:</div><div><br></div><div>Anyone who calls or hooks addEventListener, etc. will continue to</div>


<div>work, just their foo.addEventListener might be resolved at one level</div><div>higher up the prototype chain than it is today. To really observe the</div><div>different placement of addEventListener, etc. minutely you need to</div>


<div>access __proto__ and hasOwnProperty. Other browsers are already differ</div><div>from WebKit in this regard, too: For example, Firefox reports</div><div>addEventListener is an own property on *every* step in the prototype</div>


<div>chain of DOM objects (until Object.)</div><div><br></div><div>Scripts that squirrel up the prototype chain themselves will see one</div><div>more link (EventTarget’s) but it is towards the top of the chain, past</div>


<div>most prototypes they care about (every prototype except Object.)</div><div><br></div><div>I tried changing half of the EventTargets in WebKit to put EventTarget</div><div>in the prototype chain, including Node and XHR (but not window) and</div>


<div>used it to surf the web for a few days. I didn’t notice anything break</div><div>:)</div><div><br></div><div>There is also the possibility that this could hurt performance,</div><div>because accessing addEventListener, etc. will have to search more</div>


<div>prototypes (usually just one more.) Accessing the properties of Object</div><div>on an event target via the prototype chain will have to squirrel</div><div>through one more prototype (EventTarget’s.) So I prototyped this</div>


<div>change in the JSC bindings and put EventTarget in the prototype chain</div><div>of a number of event targets in WebKit, including Node. Here are the</div><div>results for Dromaeo’s dom and jslib tests:</div><div><br>


</div><div><<a href="http://dromaeo.com/?id=141811,141813" target="_blank">http://dromaeo.com/?id=141811,141813</a>></div><div><br></div><div>(141811 on the left is the status quo.)</div><div><br></div><div>I expect the Prototype and jQuery events benchmarks are of particular</div>


<div>interest, and the result looks particularly bad for Prototype (~3%</div><div>slowdown). So I reran <<a href="http://dromaeo.com/?event" target="_blank">http://dromaeo.com/?event</a>> half a dozen times,</div><div>

and couldn’t produce the poor result for Prototype; on average the</div>
<div>prototype was 1.0% slower for Prototype and 0.5% slower for jQuery. I</div><div>think Dromaeo is too noisy for measuring something as fine as this.</div><div><br></div><div>So I wrote three microbenchmarks:</div><div>


<br></div><div>1. Add/remove click listener on a button.</div><div><br></div><div>2. Add/remove progress listener on an XHR.</div><div><br></div><div>3. Test property presence with 'in':</div><div><br></div><div>

if ('dispatchEvent' in target)</div>
<div> n++;</div><div>// return n outside of loop</div><div><br></div><div>where target is an XMLHttpRequest and n is a local var n = 0.</div><div><br></div><div>Here are the results. A brief note on methodology: release build</div>


<div>running in Mac Safari, JSC, averaging 500 samples with 1,000,000</div><div>iterations of the inner loop per sample.</div><div><br></div><div>1. Add/remove on button</div><div>Before (ms): min=409, median=434, mean=434.4, max=472</div>


<div>After (ms): min=410, median=453.5, mean=452.4, max=497 (mean is 1.04x)</div><div><br></div><div>2. Add/remove on XHR</div><div>Before (ms): min=286, median=298, mean=298.6, max=315</div><div>After (ms): min=287, median=300.5, mean=300.7, max=320 (mean is 1.01x)</div>


<div><br></div><div>3. 'dispatchEvent' in XHR</div><div>Before (ms): min=85, median=88, mean=87.7, max=91</div><div>After (ms): min=89, median=91, mean=91.0, max=95 (mean is 1.04x)</div><div><br></div><div>So this shows that, yes, this is not free, but it is low-single</div>


<div>digits. Since adding and removing event listeners is a relatively</div><div>infrequent operation, I think this is OK. I want to emphasize that the</div><div>change I’m proposing has no impact on native event *dispatch*, which</div>


<div>is obviously a lot more performance-sensitive than adding and removing</div><div>event listeners.</div><div><br></div><div>There is the question of maintenance: Making EventTarget an</div><div>Objective-C class is a public API change, so some of the #ifdef-ing</div>


<div>for Objective-C in IDLs will remain to avoid that. This change doesn’t</div><div>need to touch EventTarget on the C++ side; the existing design works</div><div>well with this new shape of binding.</div><div><br></div>


<div>As I mentioned above, there are a number of little clean-ups and</div><div>simplifications this makes possible. I can tackle this incrementally,</div><div>although unfortunately most of the clean-up is contingent on the old</div>


<div>way of mixing in EventTarget being completely replaced.</div><div><br></div><div>What do you think?</div><div><br></div><div>Dominic</div><div><br></div>
_______________________________________________<br>webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br><a href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev" target="_blank">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a><br>

</blockquote></div><br></div></div>_______________________________________________<br>webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br><a href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev" target="_blank">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a><br>

</blockquote></div><br></div></div></div></div></div></div></blockquote></div><br></div></div></div></div>