随笔分类 -  ES6

摘要:一、Map介绍 Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者基本类型)都可以作为一个键或一个值Map 对象是键值对的集合。Map 中的一个键只能出现一次;它在 Map 的集合中是独一无二的。Map 对象在for…of 循环在每次迭代后会返回一个形式为 [key,value] 阅读全文
posted @ 2024-08-27 18:02 front-gl 阅读(674) 评论(0) 推荐(0) 编辑
摘要:let arr = [2, 4, 6, 8, 6, 2] 数组置空如果使用arr = [ ] :之前数组的内容依旧保存在内存中,数据较大时,会导致内存泄漏 arr.length = 0 console.log(arr) //[] 2.头部插入数据concat:合并数组,不会更改现有数组,而是返回一个 阅读全文
posted @ 2021-09-28 11:27 front-gl 阅读(173) 评论(0) 推荐(0) 编辑
摘要:1 遍历数组通常用for循环 ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外 阅读全文
posted @ 2021-09-28 10:18 front-gl 阅读(1059) 评论(0) 推荐(0) 编辑
摘要:1,循环 循环,就是根据某个条件,重复执行一段代码 1.1,for循环 语法: for (1 声明循环变量; 2 判断循环条件; 3 更新循环变量) { // 4 要执行的代码块 } // 执行顺序 1 -> 2 -> 4 -> 3 例子: for(let i = 0; i < 10; i++) { 阅读全文
posted @ 2021-09-28 10:16 front-gl 阅读(862) 评论(0) 推荐(1) 编辑
摘要:map 和 forEach的区别 map和forEach都是数组原型上的函数 都可以遍历数组的元素。 使用break都会报错。 都有四个参数 匿名函数中的this默认指向window 对空数组不会调用回调函数 不同之处在于: map:创建一个新数组,其内元素是对每个数组元素应用所给的函数返回的结果构 阅读全文
posted @ 2021-09-28 10:15 front-gl 阅读(399) 评论(0) 推荐(0) 编辑
摘要:这样子看,json3.a = [];没有改变json2.a的值,应该是深拷贝. 举一反三: 阅读全文
posted @ 2021-09-22 18:05 front-gl 阅读(59) 评论(0) 推荐(0) 编辑
摘要:之前一直不是太懂async/await/Promise之间的关系,以及怎么使用,碰到同步执行和异步执行一起的函数就给同步的函数加个setTimeout让他变成异步,可是,有时候请求后端数据延迟,还是会先执行了setTimeout包裹的函数最近在学vue+element+admin这个后台管理项目,看 阅读全文
posted @ 2021-06-04 11:09 front-gl 阅读(143) 评论(0) 推荐(0) 编辑
摘要:/*解构赋值*/ let book = { name: 'Learn Vue', year: 2020, title: 'Chapter one' } let { name } = book // 这里不需要{...book}也可以 console.log(name); // Learn Vue c 阅读全文
posted @ 2021-06-01 11:14 front-gl 阅读(45) 评论(0) 推荐(0) 编辑
摘要:使用过程 async creatMap () { await 接口函数().then().catch() } async creatMap1 () { await 接口函数().then().catch() } 其他函数中变同步调用: // async 与 await 一定要配合使用才有效 asyn 阅读全文
posted @ 2021-05-28 15:07 front-gl 阅读(1778) 评论(0) 推荐(0) 编辑
摘要:概述 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支 阅读全文
posted @ 2020-06-05 17:01 front-gl 阅读(823) 评论(0) 推荐(0) 编辑
摘要:const form = { id: '011', name: '测试一', description: '测试demo' } // 目标: 取到删除description属性的对象, 即下文的data //方法一: let data = (({id, name}) =>({id, name}))(form); console.log(data) /... 阅读全文
posted @ 2019-12-19 17:43 front-gl 阅读(5573) 评论(0) 推荐(1) 编辑
摘要:大家好,本人名叫苏日俪格,大家叫我 (格格) 就好,在上一章节中我们学到了Symbol & generator的用法,下面我们一起来继续学习async函数: async [ə'zɪŋk]:这个单词看起来很怪异,它的原型是asynchrony,意为异步,一般单词按理说都能把音准读个大概,这个就... 阅读全文
posted @ 2019-08-09 17:03 front-gl 阅读(597) 评论(0) 推荐(0) 编辑
摘要:不需要任何的加号和引号,全部字符仅仅由一组``符号包裹即可,而放置动态数据或者变量即用${变量}方式即可, 看着是真的一目了然啊,最主要是终于可以摆脱被拼接字符支配的恐惧了,哈哈哈哈。 阅读全文
posted @ 2018-07-27 09:36 front-gl 阅读(6456) 评论(0) 推荐(1) 编辑
摘要:问题 前端小同学在做页面的时候,犯了个常见的错误:把多个Ajax请求顺序着写下来了,而后面的请求,对前面请求的返回结果,是有依赖的。如下面的代码所示: 以上代码有两个问题:*首先就是执行顺序不能保证,action2很可能在action1返回之前就发出了,导致someData.attr1这个参数没能正 阅读全文
posted @ 2017-11-12 15:19 front-gl 阅读(1664) 评论(0) 推荐(0) 编辑
摘要:ES6中新增了Set数据结构,类似于数组,但是 它的成员都是唯一的 ,其构造函数可以接受一个数组作为参数,如: let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; let set = new Set(array); console.log(set); // => 阅读全文
posted @ 2017-10-24 16:31 front-gl 阅读(18520) 评论(0) 推荐(0) 编辑
摘要:本文转自:http://www.jianshu.com/p/26601581e152 1:新建一个Empty Project项目es6 ,然后在src目录下新建了一个es.js; 2:打开设置preferences,把JavaScript language version改成ECMAScript 6 阅读全文
posted @ 2017-08-21 16:38 front-gl 阅读(430) 评论(0) 推荐(0) 编辑
摘要:1.前面下载node.js及安装淘宝镜像可以查看我写的vue.js环境搭建 2.安装完node后,安装babel npm install -g babel-cli 3.检验babel是否安装成功: babel -h 阅读全文
posted @ 2017-08-20 21:55 front-gl 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-07-25 17:23 front-gl 阅读(1010) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示