Estava vendo uma aula sobre esse assunto e fui reproduzir o código, mas com arrow function.
Estava assim:
const heroes = [
{ name: 'Batman', realName: 'Bruce Wayne' },
{ name: 'Joker', realName: 'Arthur Fleck'}
];
const names = heroes.map(
function({ name }) {
return name;
}
);
console.log (names) // ["Batman","Joker"]
E resolvi tentar colocar com arrow function, pensando que iria ter o mesmo resultado, naquela parte coloquei desse jeito:
const heroes = [
{ name: 'Batman', realName: 'Bruce Wayne' },
{ name: 'Joker', realName: 'Arthur Fleck'}
];
const names = heroes.map( (name) => {
return name;
});
console.log(names)
Mas o resultado deu diferente, printou name
e realName
, o objeto inteiro dos dois.
this
. Na verdade o problema foi usar destructuring assignment nafunction
e não usar na arrow function (conforme resposta abaixo)