冴羽的JavaScript博客

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

underscore 的源码该如何阅读？

冴羽 4月3日发布
14 收藏

前言别名：《underscore 系列 8 篇正式完结！》介绍 underscore 系列是我写的第三个系列，前两个系列分别是 JavaScript 深入系列、JavaScript 专题系列。这个系列算是 JavaScript 专题系列的番外篇，总共写了 ...

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

冴羽 3月29日发布
3 收藏

前言 underscore 提供了 _.escape 函数，用于转义 HTML 字符串，替换 &, <, >, ", ', 和 ` 字符为字符实体。 {代码...} underscore 同样提供了 _.unescape 函数，功能与 _.escape 相反： {代码...} XSS...

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

冴羽 1月25日发布
5 收藏

前言本篇接着上篇 underscore 系列之实现一个模板引擎(上)。鉴于本篇涉及的知识点太多，我们先来介绍下会用到的知识点。反斜杠的作用 {代码...} 我们的本意是想打印带 "" 包裹的 Vikings 字符串，但是在 JavaS...

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

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

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

underscore 系列之防冲突与 Utility Functions

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

防冲突 underscore 使用 _ 作为函数的挂载对象，如果页面中已经存在了 _ 对象，underscore 就会覆盖该对象，举个例子： {代码...} 所以 underscore 提供了 noConflict 功能，可以放弃 underscore 的控制变量 _，...

underscore 系列之内部函数 restArgs

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

partial 在《 JavaScript 专题之偏函数》中，我们写了一个 partial 函数，用来固定函数的部分参数，实现代码如下： {代码...} rest parameter ES6 为我们提供了剩余参数（rest parameter）语法，允许我们将一个不...

underscore 系列之内部函数 cb 和 optimizeCb

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

前言仅看 cb 和 optimizeCb 两个函数的名字，你可能想不到这是用来做什么的，尽管你可能想到 cb 是 callback 的缩写。如果直接讲解源码，你可能想不明白为什么要这么写，所以我们从 _.map 函数开始讲起。 _.map...

underscore 系列之链式调用

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

前言本文接着上篇《underscore 系列之如何写自己的 underscore》，阅读本篇前，希望你已经阅读了上一篇。 jQuery 我们都知道 jQuery 可以链式调用，比如： {代码...} 我们写个简单的 demo 模拟链式调用： {代码....

underscore 系列之如何写自己的 underscore

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

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

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

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

写在前面 JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。 JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁...

JavaScript专题之解读 v8 排序源码

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

JavaScript 专题系列第二十篇，也是最后一篇，解读 v8 排序源码前言 v8 是 Chrome 的 JavaScript 引擎，其中关于数组的排序完全采用了 JavaScript 实现。排序采用的算法跟数组的长度有关，当数组长度小于等于 1...

JavaScript专题之乱序

冴羽 2017年10月12日发布
24 收藏

JavaScript 专题系列第十九篇，讲解数组乱序，重点探究 Math.random() 为什么不能真正的乱序？乱序乱序的意思就是将数组打乱。嗯，没有了，直接看代码吧。 Math.random 一个经常会遇见的写法是使用 Math.rando...

JavaScript专题之递归

冴羽 2017年09月13日发布
50 收藏

JavaScript 专题系列第十八篇，讲解递归和尾递归定义程序调用自身的编程技巧称为递归(recursion)。阶乘以阶乘为例： {代码...} 示意图(图片来自 wwww.penjee.com)：斐波那契数列在《JavaScript专题之函数记...

JavaScript专题之函数记忆

冴羽 2017年09月06日发布
33 收藏

JavaScript 专题系列第十七篇，讲解函数记忆与菲波那切数列的实现定义函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。举个例子： {代码...} 原理实现这...

JavaScript专题之函数组合

冴羽 2017年09月01日发布
16 收藏

JavaScript 专题系列第十六篇，讲解函数组合，并且使用柯里化和函数组合实现 pointfree 模式需求我们需要写一个函数，输入 'kevin'，返回 'HELLO, KEVIN'。尝试 {代码...} 还好我们只有两个步骤，首先小写转大...

JavaScript专题之惰性函数

冴羽 2017年08月22日发布
73 收藏

JavaScript 专题系列第十五篇，讲解惰性函数需求我们现在需要写一个 foo 函数，这个函数返回首次调用时的 Date 对象，注意是首次。解决一：普通方法 {代码...} 问题有两个，一是污染了全局变量，二是每次调用 ...

JavaScript专题之偏函数

冴羽 2017年08月16日发布
26 收藏

JavaScript 专题系列第十四篇，讲解偏函数以及如何实现一个 partial 函数定义维基百科中对偏函数 (Partial application) 的定义为： In computer science, partial application (or partial function applicati...

JavaScript专题之函数柯里化

冴羽 2017年08月11日发布
101 收藏

JavaScript 专题系列第十三篇，讲解函数柯里化以及如何实现一个 curry 函数定义维基百科中对柯里化 (Currying) 的定义为： In mathematics and computer science, currying is the technique of translating th...

JavaScript专题之如何判断两个对象相等

冴羽 2017年08月09日发布
62 收藏

JavaScript 专题系列第十二篇，讲解如何判断两个参数是否相等前言虽然标题写的是如何判断两个对象相等，但本篇我们不仅仅判断两个对象相等，实际上，我们要做到的是如何判断两个参数相等，而这必然会涉及到多种...

JavaScript专题之jQuery通用遍历方法each的实现

冴羽 2017年08月03日发布
43 收藏

JavaScript 专题系列第十一篇，讲解 jQuery 通用遍历方法 each 的实现 each介绍 jQuery 的 each 方法，作为一个通用遍历方法，可用于遍历对象和数组。语法为： {代码...} 回调函数拥有两个参数：第一个为对象的...