ES6的强大变量声明

Wesley13
• 阅读 377

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 // 1two // 2three // 3

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

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

点赞
收藏
评论区
推荐文章
晴空闲云 晴空闲云
2年前
javascript实践教程-03-变量
本节目标1.掌握声明变量的方式。2.掌握var和let的区别。内容摘要本篇讲解了变量声明的两种方式var和let,并对比var和let声明变量的差别,最后对变量名名称规则进行了总结。阅读时间1015分钟变量基础js中声明变量可以使用var和let关键词。其中var是es5的语法,let是es6的语法。var声明变量var可以用来声明局部变量和全局变
小嫌 小嫌
2年前
Javascript中的变量提升
定义JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部一样。sayHi()//Hithere!functionsayHi()console.log('Hithere!')name'JohnDoe'console.log(name)//JohnDoevarn
菜园前端 菜园前端
1年前
JavaScript的基础语法介绍
原文链接:变量声明在JavaScript程序中,使用一个变量之前应当先声明。变量是使用关键字var来声明的。javascriptvarivarsum20如果未在var声明语句中给变量赋予初始值,那么虽然声明了这个变量,但在给它传入一个值之前,它的初始值就是
Wesley13 Wesley13
2年前
ES6 常用语法
什么是ES6ECMAScript6简称ES6,在2015年6月正式发布~ ECMAScript是JavaScript语言的国际标准。我们本着二八原则,掌握好常用的,有用的~能让我们更快的上手~~~1 声明变量const let varES6以前var关键字来声明变量,无论声明在何处都存在变量提升这个事情~~会
Stella981 Stella981
2年前
Sass 变量的声明与使用
本节我们学习Sass中的变量,那么什么是变量呢?Sass中的变量可以用来存储一些信息,并且重复使用。变量可以存储的信息包括字符串、数字、布尔值、颜色值等等。声明变量Sass中声明变量需要用到$符号,格式为:$变量名:变量值;示例:例如下面我们定义一个变量,并给这个变量赋了一个颜色
Wesley13 Wesley13
2年前
Go 变量声明
变量命名命名方法varnametype是定义单一变量的语法packagemainimport"fmt"funcmain(){varageint//variabledeclarationfmt.Println("Mya
Wesley13 Wesley13
2年前
ES 6新语法
一、块级作用域绑定回顾:使用var关键字定义变量定义  声明  赋值; 1. 可以一次定义多个变量 2. 定义时可以只声明不赋值 3. 定义之后可以随时修改变量的值 4. 变量声明会被提升 5. 可重复定义变量 6. 全局定义的变量会被作为全局对象(global/w
Stella981 Stella981
2年前
JavaScript变量声明
const,let,var的区别和用法1.const——声明一个只读的常量,在声明的时候给其赋初值,之后不能再进行赋值。1consti0;2console.log(i);//有输出,为0如果对i进行再次赋值则会报错,TypeError:Assignmenttoconstantvariable
Wesley13 Wesley13
2年前
Java变量类型
在Java语言中,所有的变量在使用前必须声明。声明变量的基本格式如下:typeidentifiervalue,identifiervalue...;格式说明:type为Java数据类型。identifier是变量名。可以使用逗号隔开来声明多个同类型变量。Java语言支持的变量类型有:类变量:独
Stella981 Stella981
2年前
JavaScript 声明全局变量的三种方式
JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。声明方式一:使用var(关键字)变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量。声明方式二:没有使用var,直接给标识符e赋值,这样会隐式的声明了全局变量e。即使该语句是在一个function内,当该funct