1、前言 本文中的所有代码demo均在chrome浏览器下运行。 阅读本文，你将学到： 2、事件传播机制 2.1 浏览器事件默认传播机制 嵌套元素，默认的事件传播方向是什么（默认情况下，addEven

笔者在做项目的时候，需要对日期和时间进行一些处理和操作，但是每次都用JS自带的Date对象很不方便，还要写一堆繁琐的代码，后续维护起来也很痛苦。在网上找了一下JS处理日期和时间的插件，发现了MomentJS很好用，学习了一下它的语法，发现十分的简洁易懂，而且可扩展性很强，调用方…

实质： 栈内存(从内存当中分配出来的一块内存),遵守先进后出原则。 作用： 执行环境栈用来存储执行代码期间创建的所有(EC)执行上下文。并确保程序能够按照正确的顺序被执行 实质： 代码执行所在的执行上下文，或者代码执行所处的作用域，实质上是执行环境栈中的一块栈内存。 当打开页面…

作用域是指程序源代码中定义变量的区域，作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限，JavaScript 采用词法作用域(lexical scoping)，也就是静态作用域。 因为 JavaScript 采用的是词法作用域，函数的作用域在函数定义的时候就决定…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

JS语言设计了自动回收的垃圾机制，不需要开发者声明如何使用内存，导致内存管理和垃圾回收经常被前端开发者忽视，本文来聊聊 JavaScript 语言的内存机制和垃圾回收机制。 弱类型 ，不需声明 JavaScript 引擎这个或那个变量是什么数据类型，JavaScript 引擎在…

回答这个问题我们就先看看如果不使用this会出现什么问题。试想下面代码如果不使用this应该怎么写： this可以在同一个执行环境中使用不同的上下文对象。它其实提供了一种更加优雅的方式来隐式“传递”一个对象引用，因此可以使API设计的更加简洁且易于复用。 this既不是自身也不…

bind 的实现其实非常考验对原型链的理解。bind 和 apply，call 是 JS 修改 this 指向的三把利器 🔱。但看似简单的内容，实则包含了 JS 的两大核心内容：原型链和构造函数。

对于Javacript中的等于操作符用两个等于号(==)表示，如果操作数相等，则会返回true。不等于操作符用叹号和等于号(!=)表示，如果两个操作符不想等，则会返回true。这两个操作符都会先进行类