Maison >interface Web >js tutoriel >Comment utiliser la fonction d'affectation de déstructuration dans ES6

Comment utiliser la fonction d'affectation de déstructuration dans ES6

php中世界最好的语言
php中世界最好的语言original
2017-12-30 17:59:381778parcourir

Cette fois, je vais vous montrer comment utiliser la fonction d'affectation de déstructuration dans ES6. Il existe au total 4 méthodes. Cet article vous donnera une analyse détaillée.

Échanger les valeurs des variables

[x, y] = [y, x];


Le code ci-dessus échange les valeurs des variables x et y. seulement concis, mais aussi facile à lire et a une très bonne sémantique claire.

Renvoyer plusieurs valeurs de la fonction

La fonction ne peut renvoyer qu'une seule valeur. Si vous souhaitez renvoyer plusieurs valeurs, vous ne pouvez les renvoyer que dans un tableau ou un objet<.>. Avec les affectations de déstructuration, il est très pratique de récupérer ces valeurs.

// 返回一个数组
function example() {
 return [1, 2, 3];
}
var [a, b, c] = example();
// 返回一个对象
function example() {
 return {
  foo: 1,
  bar: 2
 };
}
var { foo, bar } = example();

Définition des paramètres de fonction

L'affectation de déstructuration peut facilement faire correspondre un ensemble de paramètres à

noms de variables .

// 参数是一组有次序的值
function f([x, y, z]) { ... }
f([1, 2, 3]);
// 参数是一组无次序的值
function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});
L'affectation de déstructuration est particulièrement utile pour extraire des données d'objets JSON.

var jsonData = {
 id: 42,
 status: "OK",
 data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]
Le code ci-dessus peut extraire rapidement la valeur des données JSON.


jQuery.ajax = function (url, {
 async = true,
 beforeSend = function () {},
 cache = true,
 complete = function () {},
 crossDomain = false,
 global = true,
 // ... more config
}) {
 // ... do stuff
};

Je pense que vous maîtrisez la méthode après avoir lu l'introduction ci-dessus. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur. le site php chinois !

Lecture connexe :

La solution pour la largeur maximale et la hauteur minimale n'est pas prise en charge par IE6

Utiliser Memcached , Étapes de mise en œuvre de xcache pour l'optimisation du cache PHP

Comment implémenter des requêtes synchrones asynchrones dans l'utilisation d'AJAX

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn