JavaScript专题系列文章

女爷i 2022-06-04 07:27 283阅读 0赞

## [JavaScript 专题之从零实现 jQuery 的 extend][JavaScript _ jQuery _ extend] ##

JavaScritp 专题系列第七篇，讲解如何从零实现一个 jQuery 的 extend 函数 前言 jQuery 的 extend 是 jQuery 中应用非常多的一个函数，今天我们一边看 jQuery 的 extend 的特性，一边实现一个 extend! extend …

## [JavaScript 专题之惰性函数][JavaScript] ##

JavaScript 专题系列第十五篇，讲解惰性函数 需求 我们现在需要写一个 foo 函数，这个函数返回首次调用时的 Date 对象，注意是首次。 解决一：普通方法 var t; function foo() \{ if (t) return t; t = new Date()…

## [JavaScript专题之跟着underscore学防抖][JavaScript_underscore] ##

JavaScript 专题系列第一篇，讲解防抖，带你从零实现一个 underscore 的 debounce 函数 前言 在前端开发中会遇到一些频繁的事件触发，比如： window 的 resize、scroll mousedown、mousemove keyup、keydow…

## [JavaScript专题之类型判断(下)][JavaScript 1] ##

JavaScript专题系列第五篇，讲解更加复杂的类型判断，比如 plainObject、空对象、类数组对象、Window对象、DOM 元素等 前言 在上篇《JavaScript专题之类型判断(上)》中，我们抄袭 jQuery 写了一个 type 函数，可以检测出常见的数据类型…

## [JavaScript专题之数组去重][JavaScript 2] ##

JavaScript 专题系列第三篇，讲解各种数组去重方法，并且跟着 underscore 写一个 unique API 前言 数组去重方法老生常谈，既然是常谈，我也来谈谈。 双层循环 也许我们首先想到的是使用 indexOf 来循环判断一遍，但在这个方法之前，让我们先看看最原…

## [JavaScript专题之乱序][JavaScript 3] ##

乱序的意思就是将数组打乱。 嗯，没有了，直接看代码吧。 Math.random() - 0.5 随机得到一个正数、负数或是 0，如果是正数则降序排列，如果是负数则升序排列，如果是 0 就不变，然后不断的升序或者降序，最终得到一个乱序的数组。 看似很美好的一个方案，实际上，效果却…

## [JavaScript专题之跟着 underscore 学节流][JavaScript_ underscore] ##

JavaScript 专题系列第二篇，讲解节流，带你从零实现一个 underscore 的 throttle 函数 前言 在《JavaScript专题之跟着underscore学防抖》中，我们了解了为什么要限制事件的频繁触发，以及如何做限制： debounce 防抖 throt…

## [JavaScript 专题之数组扁平化][JavaScript 4] ##

JavaScript 专题系列第九篇，讲解如何实现数组的扁平化，并解析 underscore 的 \_.flatten 源码 扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子，假设有个名为 flatten 的函数可…

## [JavaScript 专题之如何求数组的最大值和最小值][JavaScript 5] ##

JavaScritpt 专题系列第八篇，讲解多种方式求数组的最大值和最小值 前言 取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢？ Math.max JavaScript 提供了 Math.max 函数返回一组数中的最大值，用法是： Math…

## [JavaScript专题之类型判断(上)][JavaScript 6] ##

JavaScript专题系列第四篇，讲解类型判断的各种方法，并且跟着 jQuery 写一个 type 函数。 前言 类型判断在 web 开发中有非常广泛的应用，简单的有判断数字还是字符串，进阶一点的有判断数组还是对象，再进阶一点的有判断日期、正则、错误类型，再再进阶一点还有比如…

## [JavaScript专题系列20篇正式完结！][JavaScript_20] ##

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

## [JavaScript专题之函数组合][JavaScript 7] ##

JavaScript 专题系列第十六篇，讲解函数组合，并且使用柯里化和函数组合实现 pointfree 模式 需求 我们需要写一个函数，输入 ‘kevin’，返回 ‘HELLO, KEVIN’。 尝试 var toUpperCase = function(x) \{ return…

## [JavaScript 专题之如何判断两个对象相等][JavaScript 8] ##

JavaScript 专题系列第十二篇，讲解如何判断两个参数是否相等 前言 虽然标题写的是如何判断两个对象相等，但本篇我们不仅仅判断两个对象相等，实际上，我们要做到的是如何判断两个参数相等，而这必然会涉及到多种类型的判断。 相等 什么是相等？在《JavaScript专题之去重》…

## [JavaScript专题之jQuery通用遍历方法each的实现][JavaScript_jQuery_each] ##

JavaScript 专题系列第十一篇，讲解 jQuery 通用遍历方法 each 的实现 each介绍 jQuery 的 each 方法，作为一个通用遍历方法，可用于遍历对象和数组。 语法为： jQuery.each(object, \[callback\])回调函数拥有两个参数…

## [JavaScript 专题之偏函数][JavaScript 9] ##

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

## [JavaScript专题之学underscore在数组中查找指定元素][JavaScript_underscore 1] ##

JavaScript专题系列第十篇，讲解如何从数组中查找指定元素，并且跟着 undersocre 实现 findIndex 和 findLastIndex、sortedIndex、indexOf 和 lastIndexOf 前言 在开发中，我们经常会遇到在数组中查找指定元素的需…

## [JavaScript专题之递归][JavaScript 10] ##

JavaScript 专题系列第十八篇，讲解递归和尾递归 定义 程序调用自身的编程技巧称为递归(recursion)。 阶乘 以阶乘为例： function factorial(n) \{ if (n == 1) return n; return n \* factorial(n …

## [JavaScript专题之深浅拷贝][JavaScript 11] ##

JavaScript 专题系列第六篇，讲解深浅拷贝的技巧和以及实现深浅拷贝的思路 前言 拷贝也是面试经典呐！ 数组的浅拷贝 如果是数组，我们可以利用数组的一些方法比如：slice、concat 返回一个新数组的特性来实现拷贝。 比如： var arr = \[‘old’, 1, …

## [JavaScript专题之解读 v8 排序源码][JavaScript_ v8] ##

v8 是 Chrome 的 JavaScript 引擎，其中关于数组的排序完全采用了 JavaScript 实现。 排序采用的算法跟数组的长度有关，当数组长度小于等于 10 时，采用插入排序，大于 10 的时候，采用快速排序。(当然了，这种说法并不严谨)。 我们先来看看插入排序…

## [JavaScript 专题之函数柯里化][JavaScript 12] ##

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

## [JavaScript 专题之函数记忆][JavaScript 13] ##

JavaScript 专题系列第十七篇，讲解函数记忆与菲波那切数列的实现 定义 函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。 举个例子： function add(a, b) \{ return a + b; \} // 假设 m…

[JavaScript _ jQuery _ extend]: https://juejin.im/entry/59682f9c6fb9a06ba14bad32
[JavaScript]: https://juejin.im/entry/599b9009518825244c0ce1f7
[JavaScript_underscore]: https://juejin.im/entry/59315689a22b9d0058c5bf60
[JavaScript 1]: https://juejin.im/entry/595c4e235188250da205e803
[JavaScript 2]: https://juejin.im/entry/5949d96c8d6d8109de25e223
[JavaScript 3]: https://juejin.im/entry/59dedb3351882578b9568f2a
[JavaScript_ underscore]: https://juejin.im/entry/594731b2a0bb9f006bd37673
[JavaScript 4]: https://juejin.im/entry/59716f9c518825594d23cef2
[JavaScript 5]: https://juejin.im/entry/596ec3e3518825417b484fee
[JavaScript 6]: https://juejin.im/entry/5951bb39f265da6c3d6c0752
[JavaScript_20]: https://juejin.im/entry/59eff2326fb9a044fa190e97
[JavaScript 7]: https://juejin.im/entry/59a8d1fb6fb9a024966c9ec0
[JavaScript 8]: https://juejin.im/entry/598a70686fb9a03c5c70072f
[JavaScript_jQuery_each]: https://juejin.im/entry/598283baf265da3e1a376d41
[JavaScript 9]: https://juejin.im/entry/5993a809518825242b0346f6
[JavaScript_underscore 1]: https://juejin.im/entry/59781a3651882562830a5c8b
[JavaScript 10]: https://juejin.im/entry/59b88f4e6fb9a00a53274376
[JavaScript 11]: https://juejin.im/entry/596585ba51882568a9536812
[JavaScript_ v8]: https://juejin.im/entry/59e80ea86fb9a0450f210a4b
[JavaScript 12]: https://juejin.im/entry/598d0be96fb9a03c5a2949f7
[JavaScript 13]: https://juejin.im/entry/59af5720f265da24874d3cef