Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2017-12-30 17:59:38
original
1742 Les gens l'ont consulté

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];
Copier après la connexion


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();
Copier après la connexion

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});
Copier après la connexion
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]
Copier après la connexion
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
};
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal