随笔分类 - js es6系列
之所以单独写es6和前端分开是有原因的，因为这个系列一直更新。
摘要：前言 这里介绍一下函数防抖和函数节流，主要用js 举例。当你看完的时候你就发现自己以前就用过，只是不知道它的专业术语，好吧，让我们来了解一下。 正文 函数防抖 什么是函数防抖呢？ 假设在这样一种情况下，比如说我们这样那样希望在滚动后，做某些操作，但是呢？ 这里分析一下，就是要在滚动后，什么是滚动后呢
阅读全文
摘要：前言 模板字符串的功能,它可以紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能（tagged template）。 举个栗子: function tag(stringArr,value1,value2) { console.log(stringArr); conso
阅读全文
摘要：传统的get，set ES6 中引入Proxies，让你可以自定义Object的基本操作。例如，get就是Object的基础操作方法。 const obj = { val: 10 }; console.log(obj.val); 这里，console.log()表达式在对象obj上执行get方法来获
阅读全文
摘要：前言 这里介绍一些map和weakmap的一些属性和他们不同之处。 正文 map JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制. ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是
阅读全文
摘要：前言 首先delete 不同于nodejs delete，看下有什么不同。 正文 var test=5; delete test; console.log(test); 结果是test没有受到任何影响，依旧可以输出5。 再来一个: var x={y:{z:5}}; var data=x.y; con
阅读全文
摘要：前言 介绍一下es6 的set 和 weakset 正文 set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 { let list = new Set(); list.add(5); list.a
阅读全文
摘要：1、遍历器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。 2、Iterator的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次
阅读全文
摘要：前言 es的模板字符，也就是定义了块的概念。 模板字符的二个条件: 1.必须在``中,这个`不是单引号而是反单引号，是tab的上面一个。 2.在#中，这个就有点意思了，里面不像后台的块级，在这里不可以去命名，只能是一个输出块，可以理解为一行语句 retrun {此处是要编译的代码}。 正文 来感受一
阅读全文
摘要：正文 map，必要解释就是map不是地图的意思，而是映射的意思。 这里就简单的介绍了这个map了。 array.map(callback,[ thisObject]); 看下这个案例后，我们发现了就发现了一个问题。 以前呢，我写道：map是一个过滤器，其实是将filter弄混了，当然我也介绍过fil
阅读全文
摘要：前言 generotor 和 普通函数的不同在于function 的时候加了一个*, 是的，我们看到es5的一个陌生关键字，yield，这个是不寻常的，为什么这么说呢？ 这个在c#中，很常见的一个关键字，下面就来解释一下js中的。 正文 function* gen() { yield "1"; yi
阅读全文
浙公网安备 33010602011771号