ES6的强大变量声明
2019-05-08 07:25:10来源:博客园 阅读 ()
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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 在JavaScript中尽可能使用局部变量的原因 2020-03-08
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- Node.js中环境变量process.env的一些事详解 2020-01-17
- JavaScript判断变量是对象还是数组的方法 2019-12-25
- JavaScript闭包函数访问外部变量的方法 2019-12-24
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash