ES6的强大变量声明

2019-05-08 07:25:10来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

ES6是javascript的新特性,今天来说说声明变量

过去我们声明变量,都是一个一个声明,现在有了一种新的声明方式,它可以将一个多个变量同时声明,声明后变量同时存在一个集合中,集合的数据类型是对象(object)。使用这种声明方式,可以使我们书写程序的过程中思路更加清晰,可以将同一事件下的所有变量集合起来,可以将相同意义的变量集合起来。

这样的变量声明方式叫做“模式匹配”

之所以叫做模式匹配,是因为等号两边的模式是一样的

var a = 1;
var b = 2;
var c = 3;

这是我们正常情况下声明变量的方式,而使用ES6的“模式匹配”我们再看

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

这是数组模式,还有对象模式

var a = 1;
var b = 2;
var c = 3;

var {a,b,c} = {a:1,b:2,c:3};

在对象模式中要注意,一般我们所接触到的对象是这样的

{a:111,b:222,c:333}

a,b,c是属性,111,222,333才是值,抛去值不看,剩下的才是我们的模式,值的位置应该是变量

{a,b,c} = {a:1,b:2,c:3}中没有写变量,则默认变量与属性同名,相当于

{a:a,b:b,c:c} = {a:1,b:2,c:3}

在对象模式中,变量名也可以我们自己声明

{a:one,b:two,c:three} = {a:1,b:2,c:3}

one // 1
two // 2
three // 3

a,b,c是属性是模式的一部分,one,two,three才是变量

 

“模式匹配”就是用结构体现出变量的意义,使我们的思路更加清晰,技能更加通顺^_^

 


原文链接:https://www.cnblogs.com/Function-cnblogs/p/10819285.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:D3.js的基础部分之数组的处理 嵌套结构(Nest)(v3版本)

下一篇:性能优化之惰性函数