ES6的强大变量声明

Posted 2021-11-27 function-cnblogs

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才是变量

 

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