Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #38466

Re: let syntax

Show all headers | View raw

In Message: <Gt-dnYgvE8ieWHvDnZ2dnUU7-QnNnZ2d@westnet.com.au>
Andrew Poulos <ap_prog@hotmail.com> wrote:

> I asked a question on the CSS group and an answer involved using
> this JavaScript:

> function move(e) {
>   let { target:el } = e;

>   if (el.nextElementSibling){
>     el.parentNode.appendChild(el);
>   }
> }
> document.addEventListener('DOMContentLoaded',() => {
>   let spans = document.querySelectorAll('div > span');
>   spans.forEach((elm) => {
>     elm.addEventListener('click', move);
>   });
> });

> I don't understand how the first line in "move" works. It seems that
>   let { target:el } = e;
> is equivalent to
>   let el = e.target;

> but how?

Destructuring assignment

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Assigning to new variable names

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Assigning_to_new_variable_names



-- 
James Kirk

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

let syntax Andrew Poulos <ap_prog@hotmail.com> - 2020-06-15 10:46 +1000
  Re: let syntax James Kirk <noneya.invalid@gmail.com> - 2020-06-14 21:26 -0400
    Re: let syntax Andrew Poulos <ap_prog@hotmail.com> - 2020-06-15 13:25 +1000
      Re: let syntax James Kirk <noneya.invalid@gmail.com> - 2020-06-15 00:06 -0400
      Re: let syntax Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2020-06-16 21:23 +0200
        Re: let syntax Andrew Poulos <ap_prog@hotmail.com> - 2020-06-17 10:24 +1000
        Re: let syntax Julio Di Egidio <julio@diegidio.name> - 2020-06-16 21:19 -0700

csiph-web