执行结果显示，浏览器打印出了十个10（因为图片处理的原因，按下回车到打印之前其实间隔了5秒左右），貌似乙胜出了。但如果你足够细心，你会发现几个问题： 许多人习惯用第二个问题中的执行结果来回答这个问题：“for循环执行完跳出之后，才开始执行setTimeout，所以才打印了十个1…

在学习 JavaScript 语言的 for...in 循环时，总是会被告知：用它循环对象，循环出来的属性顺序并不可靠，所以不要在 for...in 中做依赖对象属性顺序的逻辑判断。 怎么回事呢？我今天读到了 一段文章，就解释了 for...in 循环出来的对象属性顺序到底是怎…

日常开发中，我们经常用到this。例如用Jquery绑定事件时，this指向触发事件的DOM元素；编写Vue、React组件时，this指向组件本身。对于新手来说，常会用一种意会的感觉去判断this的指向。以至于当遇到复杂的函数调用时，就分不清this的真正指向。 本文将通过两道…

希望注册在DOM元素上的事件处理程序在捕获阶段还是在冒泡阶段触发，取决于 addEventListener() 方法的第三个参数为 true 还是 false 。 上方html代码片段内，我创建了一个id为outer_div的div标签元素，在该元素内创建了一个id为inner…

这篇文章用于总结一些javascript语言中常见的易混淆点。 在js中，最诡异莫测的莫过于this了，理解的不够深入或是应用场景略微复杂，使用时就会出现各种意想不到的错误。所以，在很多时候，我们需要手动指定上下文环境，来修正this的指向。 最简单判断this所在环境的方法是…

在 JavaScript 的学习中，我们经常会遇到 JavaScript 的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？

首先必须要说的是，this 的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定 this 到底指向谁，实际上 this 的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解 this 的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。

MDN上说:类定义对象的特征。它是对象的属性和方法的模板定义。 简单说，“类”是生产对象的模板，通过类这个模板，可以毫不费劲地生产出无数个一样的对象，而不用通过一次次的定义去声明对象。而这些对象，因为具有一样的属性、一样的方法，所以将这些对象归为一个“类”，就像将人类归入人这一…

网上一搜事件循环, 很多文章标题的前面会加上 JavaScript, 但是我觉得事件循环机制跟 JavaScript 没什么关系, JavaScript 只是一门解释型语言, 方便开发和理解的, 由V8 JIT将 JavaScript 编译成机器语言来调用底层, 至于浏览器怎么…