Why does `obj.foo = function() { };` not assign the name `foo` to the function?

by

Allen Wirfs-Brock has replied on the es-discuss list with the objections that prevented the TC39 consensus on the obj.foo = function() { } form:

…for 

cache[getUserSecret(user)] = function() {};

it would leak the secret user info as the value of name

and for

obj[someSymbol] = function() {}

it would leak the Symbol value as the value of name

and for 

 table[n]=function() {}

name would likely be a numeric string

There are counters to those objections (particularly the last one, which is extremely weak; there are many other ways a function is automatically assigned a numeric string name), but that’s not the point; the point is that those were the objections raised.

He also added that the IsPropertyReference operation that would be required (where currently there’s just an IsIdentifierRef)…

…is a runtime operation and the new semantics require runtime determination of the name value. This is all extra runtime work that may slow down the creation of function closures that appear within loops.

So all in all, apparently at the time the decision was taken, those objections carried the day (and quite possibly would now as well), which is why this form doesn’t automatically name functions whereas so many others do.

More Related Contents:

  1. Can you bind ‘this’ in an arrow function?
  2. How does this object method definition work without the “function” keyword?
  3. ES6 destructuring function parameter – naming root object
  4. How to extend Function with ES6 classes?
  5. What is “function*” in JavaScript?
  6. Proper use of const for defining functions
  7. JavaScript ES6: Test for arrow function, built-in function, regular function?
  8. Immediate function using JavaScript ES6 arrow functions
  9. Why can I not use `new` with an arrow function in JavaScript/ES6?
  10. Find all values by specific key in a deep nested object
  11. Javascript return in Function
  12. What is the difference between a function call and function reference?
  13. How can I create an Asynchronous function in Javascript?
  14. Javascript “this” pointer within nested function
  15. ES6 Destructuring and Module imports
  16. Javascript Image Url Verify
  17. Strange JavaScript idiom – what does “/xyz/.test(function(){xyz;})” do?
  18. where is create-react-app webpack config and files?
  19. Shallow-clone a Map or Set
  20. javascript named function expressions – scope accessibility [duplicate]
  21. JavaScript object destructuring and aliasing
  22. Alternative version for Object.values()
  23. ES6 promise execution order for returned values
  24. Javascript: Extend a Function
  25. onClick Function “this” Returns Window Object
  26. Passing parameters to a JQuery function
  27. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  28. How does JavaScript import find the module without an extension?
  29. Exporting functions with reactjs and babel
  30. Compare two Arrays with Objects and create new array with unmatched objects

Leave a Comment