ES6知识整理(7)--Set和Map数据结构

(文章会同步到博客园,技术类文章还是该让搜索引擎察觉比较好) 初始化一个值不重复的数组,适合做数组去重。 2种数组去重的方法: 这里再说下Array.from(),表示以一个类数组||可迭代对象,创建一个新数组 size:成员个数 add():增加成员 has():是个存在成员 delete():删 ... »

ES6知识整理(6)--Symbol函数

(文章会同步到博客园,技术类文章还是该让搜索引擎察觉比较好) symbol是js的第7种数据类型: 7种分别是:undefined、null、boolean(布尔)、string(字符串)、number(数值)、object(对象)、symbol。 Symbol函数返回一个独一无二的值,用typeo ... »

js 数组去重的方法总结

想沉淀一下自己。代码改变世界~~~ 1、利用Array.from代码如下 2、利用es6(...)拓展运算符。demo 3、利用Object.keys() ;直接上代码 4、比较中规中矩的方法。和第三种差不多(这里就解决了上面的字符串问题)。 5、这个是我突然有次发现的。来啦(下面就是见证奇迹的时刻 ... »

ES6知识整理(5)--对象的扩展

个人开这个公众号的初心是为了积累知识,因此并没有做什么推广,再说自己也不知道怎么推广,推广之后又能干些什么。已经将近10天没发文章了,虽然每天都加班,但也不会一点时间都没有,有时还是会懒癌发作不想学习。可能是因为还没找的动力源吧,还在寻找中……希望能找到动力,并坚持地积累下去。 (文章会同步到博客园 ... »

ES6知识整理(4)--数组的扩展

最近工作比较忙,基本每天都会加班到很晚。处理一些客户端兼容问题以及提升用户体验的优化。也将近一周没更文了,现在继续es6的学习总结。 上篇回顾 ES6知识整理(三)--函数的扩展 扩展运算符 形式是3个点(...),能起到分割字符串和合并数组的作用 合并数组:(代替concat) 字符串转数组: 新 ... »

webstorm中配置ES6语法

1.npm 安装babel (全局安装) npm install -g babel-cli 2.npm安装babel的preset(文件夹下) npm install --save-dev babel-preset-es2015 3.工程路径新建.babelrc文件,内容如下: { "presets ... »

promise 基础学习

`Promise Promise/A++` 规范,它抽象了异步处理的模式,是一个在JavaScript中实现异步执行的对象。 按照字面释意 具有“承诺”的含义,它承诺当异步处理完成后,回馈一个结果给你!或者你可以将其认为是一个状态机,一旦状态发生了改变,便会触发对应的行为。 最早出现于E语言中(一种 ... »

es6的正则扩展笔记之修饰符

es6对于正则表达式添加了 u 修饰符和 y 修饰符。 u 修饰符:含义为“Unicode模式”,用来正确处理大于uFFFF的Unicode字符。 该修饰符不光会正确处理正则表达式,还会正确处理被匹配的字符串。 利用新增的正则实例对象属性 unicode ,可以判断正则表达式是否设置了u修饰符。( ... »

ES6知识整理(1)--let和const命令

最近准备在业余空闲时间里一边学习ES6,一边整理相关知识。只有整理过的学习才是有效的学习。也就是学习之后要使用和整理成文,才是正在的学到了。。。 那么现在开始 LINK START!(首先是第一讲,前几讲以前都学过了,就做下整理)。 let和const是es6新定义的用于声明变量的命令,与es5的v ... »

谈谈Javascript异步代码优化

关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 在实际编码中,我们经常会遇到Javascript代码异步执行的场景,比如ajax的调用、定时器的使用等,在这样的场景下也经常会出现这样那样匪夷所思的bug或者糟糕的代码片段,那么处理好你的Javasc ... »

一个简单的例子搞懂ES6之Promise

ES5中实现异步的常见方式不外乎以下几种: 1. 回调函数 2. 事件驱动 2. 自定义事件(根本上原理同事件驱动相同) 而ES6中的Promise的出现就使得异步变得非常简单。promise中的异步是这样的: * 每当我需要执行一次异步操作的时候,我都需要new一个promise对象 * 每一个异 ... »

ES6(Decorator(修饰器))

Decorator(修饰器) 1.基本概念 函数用来修改 类 的行为 1.Decorator 是一个函数 2.通过Decorator(修饰器)能修改 类 的行为(扩展 类 的功能)3.Decorator(修饰器)只在类的范围有用 2.基本用法 见代码 一、Decorator(修饰器)定义 结果 修改 ... »

ES6(Promise)

Promise(异步编程的一种解决方案) 1.什么是异步 函数A,A去执行一个步骤,A执行再完执行B,这种执行方式实现有两种方式: 1.回调 2.事件触发。Promise 区别于这两种方式 2.Promise 的作用 解决异步操作问题 3.Promise 的基本用法 见代码 一.ES5中的回调(问题 ... »

ES6(类)

类的概念 1.基本定义 2.继承 继承如何传递参数?(super) 定义自己属性的时候调用 this 一定要在 super 之后(在继承关系中,子类的构造函数如果用 super 传递参数的过程中,super 一定放在构造函数的第一行) 有参数则会覆盖 3.getter 和 setter 赋值操作 4 ... »

ES6(数据结构_2)

数据结构—2 Map 与 Array 的对比 Set 与 Array的对比 Map 与 Object 的对比 Set 与 Object 的对比 (增、查、改、删) 一、Map 与 Array 的对比 1.增 2.查 3.改 4.删 二、Set 与 Array的对比 1.增 2.查 (若想为true, ... »

ES6(Symbol)

Symbol 1.Syobol的概念 这种数据类型提供一个独一无二的值 2.Symbol的作用 见代码 永远不可能相等,保证值的独一无二。 a3 a4 是 K值 相同名称的值不会冲突 (对象中有用到 Symbol 做Key值的话,通过 let of 是拿不到属性的) 解决办法 可以拿到Symbol ... »

ES6(数组)

ES6数组新增特性 1. 空数组 2.将伪数组转换成真正的数组 将 p 标签集合转换成真正数组 类似于map的用法,转换数组同时还在遍历。 3.填充数组(将所有数组换成一个值) 1代表起始位置,3代表从起始位置到终止位置的长度 4.遍历相关数组 (存在兼容问题) 5.在当前数组内部,把制定数组成员复 ... »

ES6(数值)

数值处理新增特性: 1.新增方法 2.方法调整 1.二进制和八进制 二进制以 0b 开头,其中B和b都可以;八进制以 0o 开头,其中O和o都可以. 2.判断数值是否有效(有限) NaN为非数字,故为false 分母为0,故为false 判断是否为非数字 3.判断是否为整数 即接收的数必须是数字(- ... »

ES6(正则扩展)

ES6中正则的扩展 正则新增特性 一、构造函数的变化 1.ES5中new一个正则对象方法 (一行中2个参数,二行中1个参数) (第一行中的第一个参数必须是字符串) 2.ES6中新增一种方法(构造函数) (输出:i ) 第二个修饰符会覆盖第一个修饰符,flags是新增用来获取正则对象修饰符的属性。 二 ... »

ES6(解构赋值)

解构赋值 1.什么是解构赋值? 在语法上,就是赋值的作用,解构为(左边一种解构。右边一种解构,左右一一对应进入赋值) 2.解构赋值的分类。 1.左右为数组即为数组解构赋值;2.左右为对象即为对象解构赋值;3.左边是数组,右边是字符串,为字符串解构赋值。 4.布尔值解构赋值为字符串的一种。5.函数参数 ... »