rtm / js-pick-notation

Proposal for Picked Properties in JavaScript
MIT License
26 stars 0 forks source link

Real-live example in LiveScript #4

Open pepkin88 opened 3 years ago

pepkin88 commented 3 years ago

The feature from this proposal is implemented in LiveScript. You could use it as a playground and/or inspiration on how to handle the edge cases.

Note that the LiveScript implementation of this feature is a little bit different, than the proposed one. In your example obj.{p1: new_p1, p2: {p21}, p3 = 3}, new_p1 is the property name in the newly created object. But in the LS implementation it would be p1.

I believe this could be the reasoning behind such order in the LS implementation:

obj2 = obj.{new_p1: p1, p2}
# being equivalent to
{p1, p2} = obj
obj2 = {new_p1: p1, p2}
# or
obj2 = {new_p1: obj.p1, obj.p2}
# in each case `new_p1` is on the left side of the colon

When setting multiple properties on an object, the order is consistent with object destructuring (which work similar as in JS). In the LS docs this operation is called substructuring:

dest.{a: c, b} = src
# equivalent to
{a: c, b} = src
dest.{c, b} = {c, b}
# which is equivalent to
dest.c = src.a
dest.b = src.b
pepkin88 commented 3 years ago

You could also consider using the keyword as, just like with exports:

export { import1 as name1, import2 as name2, …, nameN } from …;

I think with it it would be the least confusing, as to what is the new property name.