GuLi商城-前端基础ES6

ゝ一世哀愁。 2024-03-24 15:44 60阅读 0赞

![1432263db70943b3bedac9dd3281fedc.png][]

**ES6**

ES6全称ECMAScript6.0是JavaScript语言的下一代标准。

ECMAScript是浏览器脚本语言的规范，而我们熟悉的各种js语言，如JavaScript则是规范的具体实

现。

新建一个ES6文件夹，shift+!按着不动，回车，可以快速生成模板

![e356068170963f520e6e7b04e0f6d42b.png][]

**1.let和const**

*  let：声明的变量有严格局部作用域，只能一次声明变量，不会变量提升
 *  var：声明的变量往往会越域，可以多次声明变量，会变量提升
 *  const：声明常量，声明之后不允许改变。一旦声明必须初始化，否则会报错

![d3f77efebeaf4dccb1ea1316bef033b9.png][]

![e24864e3aa7843fe9d2b953b107e7273.png][]

![b18390dc2f0d45758af3bab416fb29c8.png][]

![40669c75c04f497fb23ab80550aae3f4.png][]

--------------------

#### 2.解构表达式 ####

数组解构：

![41fdbdc29b16479ab641e1c2c3bad0af.png][]

对象解构：

![ccc3944ffdd440ccb0938d8b9720c61a.png][]

![c704fb9e194444e3bda471ff98eb14fe.png][]![c6e7b36e29ef418e9adcc26627c1b370.png][]

![44c0f31ff1874065bd4b1b25979783d2.png][]

不定参数：

![7f10edafbc9c47a2b748bf738f6ef622.png][]

箭头函数：

![00fde3f6887343e2b2ecbaabf64a00d7.png][]

![d10496d9a2fe448c90754048062349da.png][]

对象优化：

![81ce965999604e03956873908fc570da.png][]

![cc977f7636d64c2caa736d4675df4332.png][]

map、reduce

![3cec5f1a3bab43ae88c4b1f1531bb475.png][]

promise异步编排：

promise非常符合人类的思考方式，代码很清晰，让人一目了然。

不使用promise：复杂的嵌套模式

![50a4fbf4b74f452df4c95d7ae5625d9b.png][]

![958111967aed419fb84c24a4f47891fa.png][]

![5453b731e7d84db4aa383eae52487083.png][]

#### 模块化 ####

![a184d1aef3c14ae480660eef9ab703c7.png][]

export 不仅可以导出对象，一切js变量都可以导出。如：基本类型变量、函数、数组、对象

![f962af48bb9237c0e9906e7ff7d2aade.png][]

![4c49259ffb615186fbfbebcf5d550aa6.png][]

![694c4eb4360e097d95d4ca19525c8bbb.png][]

![dd1572b4f5d3dd60a9d6656018983acd.png][]

调用

![a46790f8195878f3f9d0ebed22da5094.png][]

更加简便的导出方法

![34c0becd43d83776961c2e5c7122ea64.png][]

[gulimall-learning/谷粒商城—分布式基础.md at master · OYCodeSite/gulimall-learning · GitHub][gulimall-learning_.md at master _ OYCodeSite_gulimall-learning _ GitHub]

[谷粒商城项目4——前端基础 Vue框架的属性 ES6前端编程规范学习\_谷粒商城 前端不是用vue\_HotRabbit.的博客-CSDN博客][4_ Vue_ ES6_ _vue_HotRabbit._-CSDN]

[1432263db70943b3bedac9dd3281fedc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2a5401ba570649389a6ee4e7c6da9c0c.png
[e356068170963f520e6e7b04e0f6d42b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/594dc52885b24476b4c39a720dcf5bd6.png
[d3f77efebeaf4dccb1ea1316bef033b9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/361d2f12f41f4a58831d5cf819a25127.png
[e24864e3aa7843fe9d2b953b107e7273.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/6876aae0e99649968853824eddb0c0fa.png
[b18390dc2f0d45758af3bab416fb29c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/abdb964521e747549ed858fdeb6b762b.png
[40669c75c04f497fb23ab80550aae3f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/f1e8ca12a7dd4e1980b4332e2eda69e6.png
[41fdbdc29b16479ab641e1c2c3bad0af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/bdd7c8fbcf6a4b9da133aaf56eb86d85.png
[ccc3944ffdd440ccb0938d8b9720c61a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/ecb8c751acab4746b053168d9926ff15.png
[c704fb9e194444e3bda471ff98eb14fe.png]: https://img-blog.csdnimg.cn/c704fb9e194444e3bda471ff98eb14fe.png
[c6e7b36e29ef418e9adcc26627c1b370.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/7a4c2e9df9cb4e03877066c3277c92bb.png
[44c0f31ff1874065bd4b1b25979783d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/15406a66412a40dd93c916e5e1418e03.png
[7f10edafbc9c47a2b748bf738f6ef622.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/9bb572e87fd443489b0dc5f7cf8ff05c.png
[00fde3f6887343e2b2ecbaabf64a00d7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/58d3221a63524a188f8e2ed1874c8ae6.png
[d10496d9a2fe448c90754048062349da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/db7a633cc60d4c0db18e0685ce38ac25.png
[81ce965999604e03956873908fc570da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/218b835bfe5e409a90b0cf3e95f9927a.png
[cc977f7636d64c2caa736d4675df4332.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d651b75ea8f4471e8f734cec34562023.png
[3cec5f1a3bab43ae88c4b1f1531bb475.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/5a0da6d696cf4a52be6c4f45ea60b946.png
[50a4fbf4b74f452df4c95d7ae5625d9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/b7c2d7a962bb421e87a9d7a229715d45.png
[958111967aed419fb84c24a4f47891fa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/9d99b41e1e364df480782819b8cb05ea.png
[5453b731e7d84db4aa383eae52487083.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2ea5278c90f44ee4b9c207427542f662.png
[a184d1aef3c14ae480660eef9ab703c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d63e9180af45495781cbb2e5ded6b536.png
[f962af48bb9237c0e9906e7ff7d2aade.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/99710d2ac50e48aea267e4df35022eb3.png
[4c49259ffb615186fbfbebcf5d550aa6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/8637b3e2fe0f4379948751aa26c0f06b.png
[694c4eb4360e097d95d4ca19525c8bbb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/bd2755bc998943d7ae48fc12e85828a6.png
[dd1572b4f5d3dd60a9d6656018983acd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/37610c49d72942a1bc235a08f5c21a55.png
[a46790f8195878f3f9d0ebed22da5094.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/ae0cbd15bfbd4b95ae5ea03d0d58ccc1.png
[34c0becd43d83776961c2e5c7122ea64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/c9737d634cd140889e8befef6ba21aa3.png
[gulimall-learning_.md at master _ OYCodeSite_gulimall-learning _ GitHub]: https://github.com/OYCodeSite/gulimall-learning/blob/master/docs/%E8%B0%B7%E7%B2%92%E5%95%86%E5%9F%8E%E2%80%94%E5%88%86%E5%B8%83%E5%BC%8F%E5%9F%BA%E7%A1%80.md
[4_ Vue_ ES6_ _vue_HotRabbit._-CSDN]: https://blog.csdn.net/qq_52476654/article/details/125362988