冴羽的JavaScript博客

冴羽写JS文章的地方，预计写四个系列：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。

ES6 系列之 Generator 的自动执行

冴羽 1 天前发布
9 收藏

单个异步任务 {代码...} 为了获得最终的执行结果，你需要这样做： {代码...} 首先执行 Generator 函数，获取遍历器对象。然后使用 next 方法，执行异步任务的第一阶段，即 fetch(url)。注意，由于 fetch(url) ...

ES6 系列之我们来聊聊 Promise

冴羽 3 天前发布
55 收藏

前言 Promise 的基本使用可以看阮一峰老师的《ECMAScript 6 入门》。我们来聊点其他的。回调说起 Promise，我们一般都会从回调或者回调地狱说起，那么使用回调到底会导致哪些不好的地方呢？ 1. 回调嵌套使用...

ES6 系列之 WeakMap

冴羽 7月26日发布
22 收藏

前言我们先从 WeakMap 的特性说起，然后聊聊 WeakMap 的一些应用场景。特性 1. WeakMap 只接受对象作为键名 {代码...} 2. WeakMap 的键名所引用的对象是弱引用这句话其实让我非常费解，我个人觉得这句话真正想...

ES6 系列之模拟实现一个 Set 数据结构

冴羽 7月18日发布
23 收藏

Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。

ES6 系列之迭代器与 for of

冴羽 7月10日发布
31 收藏

看着很简单，但是再回顾这段代码，实际上我们仅仅是需要数组中元素的值，但是却需要提前获取数组长度，声明索引变量等，尤其当多个循环嵌套的时候，更需要使用多个索引变量，代码的复杂度就会大大增加，比如我们...

ES6 系列之模拟实现 Symbol 类型

冴羽 6月12日发布
14 收藏

实际上，Symbol 的很多特性都无法模拟实现……所以先让我们回顾下有哪些特性，然后挑点能实现的……当然在看的过程中，你也可以思考这个特性是否能实现，如果可以实现，该如何实现。

ES6 系列之箭头函数

冴羽 6月4日发布
28 收藏

回顾我们先来回顾下箭头函数的基本语法。 ES6 增加了箭头函数： {代码...} 相当于： {代码...} 如果需要给函数传入多个参数： {代码...} 如果函数的代码块需要多条语句： {代码...} 如果需要直接返回一个对象： ...

ES6 系列之模板字符串

冴羽 5月30日发布
1 收藏

基础用法 {代码...} 如果你碰巧要在字符串中使用反撇号，你可以使用反斜杠转义： {代码...} 值得一提的是，在模板字符串中，空格、缩进、换行都会被保留： {代码...} 注意，打印的结果中第一行是一个换行，你可以...

ES6 系列之 let 和 const

冴羽 5月21日发布
33 收藏

初学者可能会觉得只有 condition 为 true 的时候，才会创建 value，如果 condition 为 false，结果应该是报错，然而因为变量提升的原因，代码相当于：

underscore 的源码该如何阅读？

冴羽 4月3日发布
14 收藏

这个系列算是 JavaScript 专题系列的番外篇，总共写了 8 篇，重点介绍了 underscore 中的代码组织、链式调用、内部函数、模板引擎、工具函数等内容，旨在帮助大家阅读源码，以及写出自己的 undercore。

underscore 系列之字符实体与 _.escape

冴羽 3月29日发布
3 收藏

underscore 提供了 _.escape 函数，用于转义 HTML 字符串，替换 &, <, >, ", ', 和 ` 字符为字符实体。

underscore 系列之实现一个模板引擎(下)

冴羽 1月25日发布
5 收藏

我们的本意是想打印带 "" 包裹的 Vikings 字符串，但是在 JavaScript 中，字符串使用单引号或者双引号来表示起始或者结束，这段代码会报 Unexpected identifier 错误。

underscore 系列之实现一个模板引擎(上)

冴羽 2017年12月20日发布
3 收藏

前言 underscore 提供了模板引擎的功能，举个例子： {代码...} 感觉好像没有什么强大的地方，再来举个例子：在 HTML 文件中： {代码...} JavaScript 文件中： {代码...} 效果为：那么该如何实现这样一个 _.temp...

underscore 系列之防冲突与 Utility Functions

冴羽 2017年12月14日发布
3 收藏

underscore 使用 _ 作为函数的挂载对象，如果页面中已经存在了 _ 对象，underscore 就会覆盖该对象，举个例子：

underscore 系列之内部函数 restArgs

冴羽 2017年12月06日发布
收藏

ES6 为我们提供了剩余参数（rest parameter）语法，允许我们将一个不定数量的参数表示为一个数组。

underscore 系列之内部函数 cb 和 optimizeCb

冴羽 2017年11月29日发布
4 收藏

仅看 cb 和 optimizeCb 两个函数的名字，你可能想不到这是用来做什么的，尽管你可能想到 cb 是 callback 的缩写。

underscore 系列之链式调用

冴羽 2017年11月22日发布
2 收藏

jQuery 之所以能实现链式调用，关键就在于通过 return this，返回调用对象。再精简下 demo 就是：

underscore 系列之如何写自己的 underscore

冴羽 2017年11月15日发布
38 收藏

在《JavaScript 专题系列》中，我们写了很多的功能函数，比如防抖、节流、去重、类型判断、扁平数组、深浅拷贝、查找数组元素、通用遍历、柯里化、函数组合、函数记忆、乱序等，可以我们该如何组织这些函数，形...

JavaScript专题系列20篇正式完结！

冴羽 2017年10月25日发布
544 收藏

JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特点是研(chao)究(xi) underscore 和 jQuery 的实现方式。

JavaScript专题之解读 v8 排序源码

冴羽 2017年10月19日发布
71 收藏

v8 是 Chrome 的 JavaScript 引擎，其中关于数组的排序完全采用了 JavaScript 实现。