ES6解构赋值的用途

jollywing 发布于2019-08-20 14:14 / 2667人阅读

解构赋值的 用途！：
1.交换变量值：
[x,y] = [y,x];
2.从函数返回多个值
//返回多个值
function example(){
        return [1,2,3];
}
var [a,b,c] = example();
//返回一个对象
function example(){
        return {foo:1,bar:2}
}
var {foo , bar} = example();
3.函数参数定义
//形参数组定义
function f([x,y,z]){...}// f([1,2,3])  有序对应，位置要一致
//形参对象定义、
function f({x,y,z}){...}// f({z:10,x:8,y:7})  无序对应，但属性名要一致
4.提取JSON数据（重要）
var jsonData = {
        id : 42,
    status: "OK",
    data: [86,123]
}
 
let {id,status,data:number} = jsonData;
console.log(id,status,number)
// 42, OK, [86,123]
上面代码我们看到可以快速提取json
5.函数参数默认值
$.ajax(url,
{async = true, beforeSend = function(){},cache = true,complete = function(){},crossDomain = false,global = true}
){
//具体操作... 
};
指定函数默认值，就能避免函数内部再写 var foo = config.foo || "default foo";
6.遍历Map结构
var map = new Map();
map.set("first","hello");
map.set("second","world");
//for...of...遍历
for(let [key, value] of map){
        console.log(key + " is "+ value);
}
//first is hellow
//second is world
如果只想获取键名 
for (let [key] of map){...}
如果只想获取键值
for (let [,value] of map){...}
7.输入模块的指定方法
在加载模块时，往往需要指定输入哪些方法。解构赋值使得输入语句非常清晰。
const { SourceMapConsumar, SourceNode } = require("source-map");

GPU云服务器云服务器解构赋值对象解构解构函数 vps的用途

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81476.html

20190610 ES6-解构赋值-数值、布尔值、函数参数、用途

摘要：数值和布尔值的解构赋值解构赋值的规则只要等于号右边的值不是对象，则优先将其转为对象函数参数的解构赋值函数的参数实际上不是一个数组，而是通过解构得到的变量和。如果解构失败，则返回默认值。数值和布尔值的解构赋值解构赋值的规则：只要等于号右边的值不是对象，则优先将其转为对象 let {toString: s} = 123; s === Number.proptotype.toStrin...

Baoyuan 2019-08-23 18:02 评论0 收藏0
ES6语法之解构赋值

摘要：类似数组的对象都有一个属性，因此还可以对这个属性解构赋值。默认值解构赋值允许指定默认值当结构不成功时使用默认值。用途变量的解构赋值用途很多。有了解构赋值，取出这些值就非常方便。原始操作我们先看看下面的两个代码段，它们使用 ES6 之前的技巧提取数据： const point = [10, 25, -34]; const x = point[0]; const y = point[...

Hancock_Xu 2019-08-21 18:32 评论0 收藏0
ES6 变量解构赋值

摘要：允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这个被称为解构。对象的解构赋值机制是先找到同名属性，然后再赋值给对应的变量。解构赋值对提取对象中的数据，尤其有用。结构原生支持接口，配合变量的解构赋值，获取键名和键值就非常方便。 ES6 允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这个被称为解构。解构的用途交换变量的值从函数返回多个值函数参数的定义提取...

mingde 2019-08-20 15:50 评论0 收藏0
es6 解构笔记分享

摘要：只要某种数据结构具有接口，都可以采用数组形式的解构赋值。解构赋值允许指定默认值。默认值可以引用解构赋值的其他变量，但该变量必须已经声明。解构也可以用于嵌套结构的对象。 Es6 新增了destructuring(解构)语法糖, 我们快来了解一下: 可以按照一定的模式从数组/对象中提取值,为变量赋值数组解构 var a = 1; var b = 2; var c = 3; 可以写作: v...

Hancock_Xu 2019-08-22 10:41 评论0 收藏0
ES6 知识整理一（es6快速入门）

摘要：函数调用会在内存形成一个调用记录，又称调用帧，保存调用位置和内部变量等信息。等到运行结束，将结果返回到，的调用帧才会消失。方法用于将一组值，转换为数组。，和遍历数组方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的方法类似。 ES6 简介 ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。 let 和 const...

elva 2019-08-26 13:36 评论0 收藏0