es6
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了es6,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1291字,纯文字阅读大概需要2分钟。
内容图文
![es6](/upload/InfoBanner/zyjiaocheng/1272/e7a664eb2c204373a7d1803d27a5a817.jpg)
定义 :ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构
1.从数组中结构:
1.1 es6语法
//
数组结构
let [a,b,c]=[1,2,3];
//带默认值的数组结构
let [a1,b1="yueban"]=[‘月半琳‘]
let [a2,b2="yueban"]=[‘月半琳‘]
1.1 转义后的es5语法
"use strict"; //数组结构 var a = 1, b = 2, c = 3; //带默认值的数组结构var _ref = [‘月半琳‘], a1 = _ref[0], _ref$ = _ref[1], b1 = _ref$ === undefined ? "yueban" : _ref$; var _ref2 = [‘月半琳‘], a2 = _ref2[0], _ref2$ = _ref2[1], b2 = _ref2$ === undefined ? "yueban" : _ref2$;
可以看出:带默认值得时候解构,会找一个中点变量 _ref 临时保存右边的数组 然后去复制
// 对象结构 let { bar, foo } = { foo: "aaa", bar: "bbb" }; foo // "aaa" bar // "bbb" let { baz } = { foo: "aaa", bar: "bbb" }; baz // undefined
2.2 es5
// 对象结构 var _foo$bar = { foo: "aaa", bar: "bbb" }, bar = _foo$bar.bar, foo = _foo$bar.foo; foo; // "aaa" bar; // "bbb"var _foo$bar2 = { foo: "aaa", bar: "bbb" }, baz = _foo$bar2.baz; baz; // undefined
2.2如果变量名与属性名不一致,必须写成下面这样。
let { foo: baz } = { foo: ‘aaa‘, bar: ‘bbb‘ }; baz // "aaa" let obj = { first: ‘hello‘, last: ‘world‘ }; let { first: f, last: l } = obj; f // ‘hello‘ l // ‘world‘
也就是说,对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。
3.3与数组一样,解构也可以用于嵌套结构的对象。
原文:https://www.cnblogs.com/pangmin/p/9154935.html
内容总结
以上是互联网集市为您收集整理的es6全部内容,希望文章能够帮你解决es6所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。