
javascript图解系列
墨语轩
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
javascript图解之JavaScript引擎
JavaScript很酷,但是机器怎么能真正理解您编写的代码呢?作为JavaScript开发人员,我们通常不需要自己处理编译器。不过,了解JavaScript引擎的基本知识,看看它如何处理我们人性化的JS代码,并将其转化为机器能够理解的东西,这绝对是件好事!???? 注意:本文主要基于Node.js和Chromium浏览器使用的V8引擎。 HTML解析器遇到一个带有源代码的脚本标记。来自此源的代...翻译 2020-03-12 08:41:27 · 404 阅读 · 0 评论 -
javascript图解之Generators 和 Iterators
ES6引入了一些很酷的称为生成器函数的东西???? 每当我问人们有关生成器函数的问题时,他们的回答基本上是:“我见过他们一次,很困惑,再也没看过”,“哦,天哪,不,我读了那么多关于生成器函数的博客文章,但还是没有得到”,“我得到了,但为什么有人会用这个”????或者也许这只是我和自己的对话,因为这是我过去很长一段时间的想法!但实际上他们很酷。 那么,什么是生成器函数?我们先来看一个常规的老式函数???????? ...翻译 2020-03-14 18:23:08 · 449 阅读 · 0 评论 -
javascript图解之原型链和原型继承、类
有没有想过为什么我们可以在字符串、数组或对象上使用诸如.length、.split()、.join()之类的内置方法?我们从来没有明确指出它们,它们来自哪里?现在不要说“这是JavaScript lol没人知道,这是魔法”,这实际上是因为一种叫做原型继承的东西。太棒了,而且你用得比你意识到的还要多! 我们经常要创建许多相同类型的对象。假设我们有一个人们可以浏览狗的网站! 对于每一只狗,我们需要...翻译 2020-03-13 09:47:38 · 293 阅读 · 0 评论 -
javascript图解之作用域链
在这篇文章中,我假设您了解执行上下文的基本知识:不过,我很快也会就此写一篇文章???? 让我们看看下面的代码: const name = "Lydia" const age = 21 const city = "San Francisco" function getPersonInfo() { const name = "Sarah" const age = 22 return `...翻译 2020-03-11 09:52:35 · 248 阅读 · 0 评论 -
javascript图解之变量提升
变量提升是每个JS开发人员都听说过的那些术语之一,因为您在Google上搜索了令人讨厌的错误并最终定位到StackOverflow,这个人此错误是由于变量提升引起的????那么,变量提升是什么?(仅供参考-范围将在另一篇文章中介绍,我希望使文章小而集中) 如果您不熟悉JavaScript,则可能会遇到“怪异”的行为,其中某些变量显示undefined,抛出ReferenceError错误等等。变...翻译 2020-03-09 16:03:41 · 305 阅读 · 0 评论 -
javascript图解之Event Loop
哦,事件循环。这是每个JavaScript开发人员都必须以某种方式学习和理解的概念,但是起初理解起来可能有些混乱。我是一个视觉学习者,所以我想我会尝试通过低分辨率gif的可视化方式来帮助您。 但是首先,事件循环是什么,我们为什么要关注它呢? JavaScript是单线程的:一次只能运行一个任务。通常,这没什么大不了的,但是现在想象您正在运行一个耗时30秒的任务。是的。在此任务中,我们等待3...翻译 2019-12-02 08:45:01 · 384 阅读 · 0 评论