salto - ¿Qué significa{llaves} en torno al nombre de la variable javascript significa

proyectos con javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Qué es esta sintaxis de JavaScript: {Ci, CC}? [duplicado] 2 respuestas

EDIT Después de mirar JSHint encontré que esta '' expresión desestructurada'' está disponible en ES6 (use la opción esnext) o extensiones de Mozilla JS (use moz) y this sin embargo después de leerlo aún no entiendo por qué se usa

He encontrado el siguiente código en MDN

var ui = require("sdk/ui");
var { ActionButton } = require("sdk/ui/button/action");

¿Qué hacen los aparatos ortopédicos en la segunda línea y por qué se usan? ¿Por qué no hay llaves en la primera línea?

Answer 1

Esto es lo que se conoce como una tarea de desestructuración , y es una nueva característica de this (y ECMAScript 6 ) (Actualmente, solo está disponible en el motor FireFox JavaScript). Aproximadamente, se traduciría en esto:

var ActionButton = require("sdk/ui/button/action").ActionButton;

Parece tonto en este ejemplo, ya que solo se asigna un elemento. Sin embargo, podría usar este patrón para asignar múltiples variables a la vez:

{x, y} = foo;

Es el equivalente a:

x = foo.x;
y = foo.y;

Esto también se puede usar para matrices. Por ejemplo, puede cambiar fácilmente dos valores sin usar una variable temporal:

var a = 1;
var b = 3;
[a, b] = [b, a];

El soporte del navegador se puede rastrear usando la tabla de compatibilidad ES6 de kangax .