<div dir="ltr"><div>I'm not sure I'm following, but I'm not here to find solutions, I already have solutions, I'm here to propose a new `Function.prototype.bindContext` method that doesn't require any user-land discussion/prototype pollution.</div><div><br></div><div>Thanks.<br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Thu, Sep 17, 2020 at 9:25 PM Adam Eisenreich <<a href="mailto:akxe@seznam.cz">akxe@seznam.cz</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div>This should able to be done via two nested WakMap,<div><br></div><div>First level would be the function and the second the context or vice versa. This should be able to give you the same bound function while both are avaible, but should clear itself once the reference to function/context is lost.</div><div><br>
---------- Původní e-mail ----------<br>
Od: Andrea Giammarchi <<a href="mailto:andrea.giammarchi@gmail.com" target="_blank">andrea.giammarchi@gmail.com</a>><br>
Komu: <a href="mailto:es-discuss@mozilla.org" target="_blank">es-discuss@mozilla.org</a> <<a href="mailto:es-discuss@mozilla.org" target="_blank">es-discuss@mozilla.org</a>><br>
Datum: 17. 9. 2020 21:03:45<br>
Předmět: Proposal: Function.prototype.bindContext
<br><blockquote><div dir="ltr"><div>I've found myself (once again) polluting the `Function.prototype` with a lazy method that, once invoked, grants that the returned bound function is always the same, per context.</div><div><br></div><div># Use Case</div><div><br></div><div>It's still a common footgun to add events either via `context.method` or via `context.method.bind(context)`, where the former footgan would invoke `method` with a global context/undefined instead of the expected context, while the latter would make it impossible to ever remove that listener later on.</div><div><br></div><div>It's also common to use methods for timers sensitive things, and it's indeed not by accident that `console` got "self bound", or provided as namespace, when it used to throw if `setTimeout(console.log, 100, value)` was used, for example.</div><div><br></div><div># Proposal</div><div><br></div><div>Provide a lazy `bindContext` method that grants that if a method/function bound the same context before, it always returns the same reference.</div><div><br></div><div># Implementation / Polyfill (lazy version)<br></div><div><br></div><div>```js</div><div>Function.prototype.bindContext = function (context) {</div><div>  const _ = new WeakMap;</div><div>  this.bindContext = bindContext;</div><div>  return bindContext.call(this, context);</div><div>  function bindContext(context) {</div><div>    if (!_.has(context))</div><div>      _.set(context, this.bind(context));</div><div>    return _.get(context);<br></div><div>  }<br></div><div>};<br></div><div>```</div><div><br></div><div># Implementation details</div><div><br></div><div>As the method suggest, and differently from `bind`, `bindContext` accepts only one argument, and it should throw with any context that is primitive (boolean, number, string, undefined, null), like any WeakMap key would throw as well.<br></div><div><br></div><div># Why not user-land / libraries / helpers</div><div><br></div><div>Because standardizing a well-known/needed utility to not footgun common patterns would make the debate regarding global prototypes pollution irrelevant, as it's the standard that helps us out.</div><div><br></div><div>In a few words, this might erase tons of common mistakes, but it also could be simplified within some helper/library, as long as not all of them need to include the proposed polyfill through a package or another.</div><div><br></div><div>Thanks for consideration 👋</div><div><br></div></div>
_______________________________________________
<br>es-discuss mailing list
<br><a href="mailto:es-discuss@mozilla.org" target="_blank">es-discuss@mozilla.org</a>
<br><a href="https://mail.mozilla.org/listinfo/es-discuss" target="_blank">https://mail.mozilla.org/listinfo/es-discuss</a>
<br></blockquote></div></div></blockquote></div>