JavaScript

Thunk函数的使用 编译器的求值策略通常分为传值调用以及传名调用，Thunk函数是应用于编译器的传名调用实现，往往是将参数放到一个临时函数之中，再将这个临时函数传入函数体，这个临时函数就叫做Thunk 函数。 求值策略 编译器的求值策略通常分为传值调用以及传名调用，在下面的例子中，将一个表达式作为

async/await剖析 JavaScript是单线程的，为了避免同步阻塞可能会带来的一些负面影响，引入了异步非阻塞机制，而对于异步执行的解决方案从最早的回调函数，到ES6的Promise对象以及Generator函数，每次都有所改进，但是却又美中不足，他们都有额外的复杂性，都需要理解抽象的底层运

防抖与节流 防抖 与节流 都是控制事件处理函数执行频率的方法，当函数会进行 操作或者具有请求服务器等行为并且作为高频事件例如 触发的事件处理函数时，就需要进行事件处理函数执行频率的控制，否则会造成大量的资源浪费致使性能下降，当然无论是防抖与节流实质上并没有减少事件触发次数，而是通过减少事件处理函数的

null和undefined的区别 在Js中null与undefined是两种基本数据类型，都可以用来表示"无"这个概念，但是在语义表达以及实际使用上是有所区别的。 描述 大多数计算机语言只有一个用来表示"无"这个概念的值，例如C与C++的NULL、Java与

Promise对象 JavaScript是单线程的语言，通过维护执行栈与任务队列而实现了异步操作，setTimeout与Ajax就是典型的异步操作，Promise就是异步操作的一个解决方案，用于表示一个异步操作的最终完成或失败及其结果值，Promise有各种开源实现，在ES6中被统一规范，由浏览器直

Generator函数 生成器generator是ES6标准引入的新的数据类型，一个generator看上去像一个函数，但可以返回多次，通过yield关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。 方法 Generator.prototype.next()：返回一

Js异步机制 JavaScript是一门单线程语言，所谓单线程，就是指一次只能完成一件任务，如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯，坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常

Js严格模式 JavaScript严格模式strict mode，即在严格的条件下运行。严格模式消除了Javascript语法的一些不合理、不严谨之处，减少一些怪异行为；消除代码运行的一些不安全之处，保证代码运行的安全；提高了引擎的效率，增加运行速度；为未来新的Js版本做好铺垫。 实例 针对整个脚本

Js中Array对象 JavaScript的Array对象是用于构造数组的全局对象，数组是类似于列表的高阶对象。 描述 在JavaScript中通常可以使用Array构造器与字面量的方式创建数组。 console.log(Array(3)); // (3) [empty × 3] cons

Js模块化开发的理解 模块化是一个语言发展的必经之路，其能够帮助开发者拆分和组织代码，随着前端技术的发展，前端编写的代码量也越来越大，就需要对代码有很好的管理，而模块化能够帮助开发者解决命名冲突、管理依赖、提高代码的可读性、代码解耦以及提高代码的复用性。 描述 模块化开发其实就是封装细节，提供使用接

JS中this的指向 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 实例 定义函数与对象并调用，注意只有调用函数才会使this指向调用者，但箭头函数除外。 function s(){ console.log(

Js数组操作 JavaScript数组操作，主要包括Array对象原型方法以及常用操作如去重、扁平化、排序等。 Array.prototype forEach arr.forEach(callback(currentValue [, index [, array]])[, thisArg]) cal

JS事件流模型 事件捕获Event Capturing是一种从上而下的传播方式，以click事件为例，其会从最外层根节向内传播到达点击的节点，为从最外层节点逐渐向内传播直到目标节点的方式。 事件冒泡Event Bubbling是一种从下往上的传播方式，同样以click事件为例，事件最开始由点击的节点

数组遍历的主要方式`for`、`forEach`、`map`、`for in`、`for of` 以及对于数组的操作方法`every`、`some`、`find`、`findIndex`、`filter`

Js箭头函数 箭头函数是 新增的语法，提供了一种更加简洁的函数书写方式，类似于匿名函数，并且简化了函数定义。 完整写法 完整写法类似于匿名函数，省略了 关键字。 省略小括号 当参数只有 个时，可以省略小括号，当没有参数或者两个以上的参时不能省略小括号。 省略大括号 当函数体只有一行语句时，可以省略

Js文件异步加载 浏览器中渲染引擎与Js脚本引擎是互斥的，在浏览器开始渲染页面时，如果遇到<script>标签，会停止渲染当前页面，也就是说在脚本加载与执行的过程中会阻塞页面的渲染，在网速较差的环境下可能会出现浏览器页面假死的情况，这也就是尽量将<script>文件放置于&l

Js创建对象的方式 Js创建对象的方式，这里的对象除了指Js内置Object对象之外还有更加广义上的面向对象编程中的对象。 字面量方式 对象字面变量是对象定义的一种简写形式，能够简化创建包含大量属性的对象的过程。 var obj = { a: 1, b: function(){ return thi

Js中Currying的应用 柯里化Currying是把接受多个参数的函数变换成接受一个单一参数的函数，并且返回接受余下的参数且返回结果的新函数的技术，是函数式编程应用。 描述 如果说函数式编程中有两种操作是必不可少的那无疑就是柯里化Currying和函数组合Compose，柯里化其实就是流水线上的

原型与原型链 JavaScript有着七种基本类型String、Number、Boolean、Null、Undefined、Symbol、Object，前六种为基本数据类型，Object为引用类型。函数本质上是Object类型，也就是一个对象。 值得注意的是typeof (null)会返回Objec

Js中的逻辑运算符 JavaScript中有三个逻辑运算符，&&与、||或、!非，虽然他们被称为逻辑运算符，但这些运算符却可以被应用于任意类型的值而不仅仅是布尔值，他们的结果也同样可以是任意类型。 描述 如果一个值可以被转换为true，那么这个值就是所谓的truthy，如果可以被转换