JavaScript 专题之从零实现 jQuery 的 extend
JavaScritp 专题系列第七篇，讲解如何从零实现一个 jQuery 的 extend 函数 前言 jQuery 的 extend 是 jQuery 中应用非常多的一个函数，今天我们一边看 jQuery 的 extend 的特性，一边实现一个 extend! extend …
JavaScript 专题之惰性函数
JavaScript 专题系列第十五篇，讲解惰性函数 需求 我们现在需要写一个 foo 函数，这个函数返回首次调用时的 Date 对象，注意是首次。 解决一：普通方法 var t; function foo() { if (t) return t; t = new Date()…
JavaScript专题之跟着underscore学防抖
JavaScript 专题系列第一篇，讲解防抖，带你从零实现一个 underscore 的 debounce 函数 前言 在前端开发中会遇到一些频繁的事件触发，比如： window 的 resize、scroll mousedown、mousemove keyup、keydow…
JavaScript专题之类型判断(下)
JavaScript专题系列第五篇，讲解更加复杂的类型判断，比如 plainObject、空对象、类数组对象、Window对象、DOM 元素等 前言 在上篇《JavaScript专题之类型判断(上)》中，我们抄袭 jQuery 写了一个 type 函数，可以检测出常见的数据类型…
JavaScript专题之数组去重
JavaScript 专题系列第三篇，讲解各种数组去重方法，并且跟着 underscore 写一个 unique API 前言 数组去重方法老生常谈，既然是常谈，我也来谈谈。 双层循环 也许我们首先想到的是使用 indexOf 来循环判断一遍，但在这个方法之前，让我们先看看最原…
JavaScript专题之乱序
乱序的意思就是将数组打乱。 嗯，没有了，直接看代码吧。 Math.random() - 0.5 随机得到一个正数、负数或是 0，如果是正数则降序排列，如果是负数则升序排列，如果是 0 就不变，然后不断的升序或者降序，最终得到一个乱序的数组。 看似很美好的一个方案，实际上，效果却…
JavaScript专题之跟着 underscore 学节流
JavaScript 专题系列第二篇，讲解节流，带你从零实现一个 underscore 的 throttle 函数 前言 在《JavaScript专题之跟着underscore学防抖》中，我们了解了为什么要限制事件的频繁触发，以及如何做限制： debounce 防抖 throt…
JavaScript 专题之数组扁平化
JavaScript 专题系列第九篇，讲解如何实现数组的扁平化，并解析 underscore 的 _.flatten 源码 扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子，假设有个名为 flatten 的函数可…
JavaScript 专题之如何求数组的最大值和最小值
JavaScritpt 专题系列第八篇，讲解多种方式求数组的最大值和最小值 前言 取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢？ Math.max JavaScript 提供了 Math.max 函数返回一组数中的最大值，用法是： Math…
JavaScript专题之类型判断(上)
JavaScript专题系列第四篇，讲解类型判断的各种方法，并且跟着 jQuery 写一个 type 函数。 前言 类型判断在 web 开发中有非常广泛的应用，简单的有判断数字还是字符串，进阶一点的有判断数组还是对象，再进阶一点的有判断日期、正则、错误类型，再再进阶一点还有比如…
JavaScript专题系列20篇正式完结！
JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。 JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特点是研(chao)究…
JavaScript专题之函数组合
JavaScript 专题系列第十六篇，讲解函数组合，并且使用柯里化和函数组合实现 pointfree 模式 需求 我们需要写一个函数，输入 'kevin'，返回 'HELLO, KEVIN'。 尝试 var toUpperCase = function(x) { return…
JavaScript 专题之如何判断两个对象相等
JavaScript 专题系列第十二篇，讲解如何判断两个参数是否相等 前言 虽然标题写的是如何判断两个对象相等，但本篇我们不仅仅判断两个对象相等，实际上，我们要做到的是如何判断两个参数相等，而这必然会涉及到多种类型的判断。 相等 什么是相等？在《JavaScript专题之去重》…
JavaScript专题之jQuery通用遍历方法each的实现
JavaScript 专题系列第十一篇，讲解 jQuery 通用遍历方法 each 的实现 each介绍 jQuery 的 each 方法，作为一个通用遍历方法，可用于遍历对象和数组。 语法为： jQuery.each(object, [callback])回调函数拥有两个参数…
JavaScript 专题之偏函数
JavaScript 专题系列第十四篇，讲解偏函数以及如何实现一个 partial 函数 定义 维基百科中对偏函数 (Partial application) 的定义为： In computer science, partial application (or partial …
JavaScript专题之学underscore在数组中查找指定元素
JavaScript专题系列第十篇，讲解如何从数组中查找指定元素，并且跟着 undersocre 实现 findIndex 和 findLastIndex、sortedIndex、indexOf 和 lastIndexOf 前言 在开发中，我们经常会遇到在数组中查找指定元素的需…
JavaScript专题之递归
JavaScript 专题系列第十八篇，讲解递归和尾递归 定义 程序调用自身的编程技巧称为递归(recursion)。 阶乘 以阶乘为例： function factorial(n) { if (n == 1) return n; return n * factorial(n …
JavaScript专题之深浅拷贝
JavaScript 专题系列第六篇，讲解深浅拷贝的技巧和以及实现深浅拷贝的思路 前言 拷贝也是面试经典呐！ 数组的浅拷贝 如果是数组，我们可以利用数组的一些方法比如：slice、concat 返回一个新数组的特性来实现拷贝。 比如： var arr = ['old', 1, …
JavaScript专题之解读 v8 排序源码
v8 是 Chrome 的 JavaScript 引擎，其中关于数组的排序完全采用了 JavaScript 实现。 排序采用的算法跟数组的长度有关，当数组长度小于等于 10 时，采用插入排序，大于 10 的时候，采用快速排序。(当然了，这种说法并不严谨)。 我们先来看看插入排序…
JavaScript 专题之函数柯里化
JavaScript 专题系列第十三篇，讲解函数柯里化以及如何实现一个 curry 函数 定义 维基百科中对柯里化 (Currying) 的定义为： In mathematics and computer science, currying is the technique o…
JavaScript 专题之函数记忆
JavaScript 专题系列第十七篇，讲解函数记忆与菲波那切数列的实现 定义 函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。 举个例子： function add(a, b) { return a + b; } // 假设 m…