sonicwater

一、call ES5 实现 将 myCall 方法定义在 Function.prototype 上，每个定义的 function 可以直接访问 myBind 方法。 myC...

防抖（debounce） 实际场景经常出现在输入框输入文字时触发的回调函数，以此为例： 输入文字时，输入框内的字符每改变一次就实时调用change方法，如果用户连续快速输入...

一、对象的定义： 无序属性的集合，其属性可以包含基本值，对象或者函数。这是ECMAScript-262 给出的定义。 对象是由无数个无序的键值对（key-value）组成的...

一、纯函数 要弄清楚函数式编程的具体实现和实际使用方法，需要先弄清楚纯函数的概念。我们一直说的函数式编程中的函数指的是数学中的函数，类似我们高中学过的关于自变量x的函数f(...

关于函数： 在介绍函数式编程、面向对象等内容之前需要先了解一些JS中函数某些特性。函数的声明方式、表现形式、参数的特性、封装等内容。...

在JS中，函数本身也是对象，它也有构造函数(Function)，call、apply、bind三个方法定义在函数的构造函数的原型上(Function.prototype)，...

在函数作用域中使用this，想一想有没有一些场景让你感到困惑，this指向不是你期望的结果。一时又不知道问题出在哪，需要重新去看this相关的知识，这篇文章就要详细解释th...

解释闭包 闭包起码要有两个函数组成，其中一个函数在进入执行上下文中，如果定义了一个内部函数，这个内部函数访问了在执行上下文中函数的变量对象。此时会形成闭包。 看一个例子： ...

因为ES6有了块级作用域，我们还是以ES5为基础。本文结合之前几篇系列文章，讨论和作用域、作用域链有关的问题。...

创建阶段： ① 生成变量对象（Variable Object）： ② 建立作用域链（Scope chain） ③ 确定函数中 this 的指向 执行阶段： ① 变量赋值 ②...

我们编写的JS代码在运行时经过了两个步骤： 编译过程：在编译过程中生成执行上下文(Execution Context)，和生成可执行代码。 执行过程：执行可执行的代码，输出...

一、内存空间中的栈（stack）和堆（heap） JavaScript的数据类型分基本数据类型和引用数据类型（以ES5为准），基本数据类型包括Number、String、B...

React + Hooks + TypeScript + Ant Design Demo 项目 本地node版本v12.13.1 应用使用Create React App脚...

目前最流行的三大框架，Angular高版本强制依赖ts，后来react和vue也引入对ts的支持。ts除了是js的超集，还很可能是js的未来，花点时间学一下也是有必要的。...

最近做的项目中遇到了在箭头函数里使用this时报错的问题，把箭头函数的写法改成function()后，this的指向才达到预期。关于这个问题值得研究一下。...

这个购物车功能相对简单，路由控制进入home页（商品列表页），添加商品后，cart页（购物车页）链接后会显示加入商品数量。进入cart页会列出添加的商品，可加减数量、删除单...