说说你所不知道的JavaScript知识
myzbx 2024-12-12 13:35 14 浏览
JavaScript(简称js)广泛应用在web开发领域,几乎是web开发的唯一编程语言,近些年,借助node.js的快速发展,js在服务器领域也有了非常广泛运用与拓展。
然而,虽然js在前后端都有了一定的发展,很多js开发者也熟练使用大量的js代码库,但很多人依然理不清js的各种关键术语。
本文不讲解具体开发技巧技术,只讲解其中的知识点,帮助大家理解这些关键术语的内涵。
ECMAScript
js前端面试,总绕不开的一个ES,所以这个ES到底是什么?
从名词解释上
ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言。
说是语言定义,ES更像是一套标准。而我们说的js则是ES的一个实现。历史上有其他语言实现过ES标准,比如运行在flash上面的actionscript。
ES 并不等于js。
ES涵盖了js几乎所有语法层面的东西,记住语法这一点,举几个例子
- 写js几乎都知道setTimeout/setInterval 这2个计时器函数,然而,ES标准里面至今也没有对这2个函数的定义说明。 这两货压根就不被正统ES认可。
- 一说到js网络请求,很多开发人员张口就来XHR和fetch,但是ES标准根本没有网络和http的任何定义。
那明明不是ES标准,为何所有浏览器都实现了?
这就要牵扯到另一个标准委员会 —— W3C标准委员会。
至于node.js,为了保证绝大多数js库在不修改的情况下移植到node环境(吸纳js开发者),所以也内部实现了这两个计时器函数,但是网络库则是靠另一套模块来实现。
- 基于上个问题的延伸,ES6以后,JS开发者可能都思考过或者被问过JS的事件循环机制是什么?
事件循环
js事件循环是基于js单线程体系下的最优设计(具体js事件循环原理以后我在单独讲解)。
ES6之前,js事件循环非常单调,除了异步IO、网络和计时器几乎没什么可以讲的。ES6以后,事件循环里面有了2个概念:微任务队列(MicrotaskQueue)和宏任务队列(macroTaskQueue),如Promise的底层实现就离不开微任务队列。ES标准想纳入Promise协程,就必须把微任务队列添加到标准里面。
我们也知道setTimeout/setInterval是跟宏任务队列关联。但是请切记,宏任务这个也不是ES的标准。
所有的js引擎都没有提供宏任务队列的任何API接口,如v8(Chrome和node.js背后的js引擎)、JSC(Safari浏览器js引擎)、SpiderMonkey等,你不可能在其中找到宏任务实现接口,宏任务队列完全由引擎上层依据设计去制定。
比如在Chrome浏览器上,一次事件循环里面必须提供供渲染调度的接口,但在node.js里面,无需提供渲染。
事实上,浏览器和node.js对宏任务的实现原理有很大差异,node.js靠libuv库去驱动事件循环。
所以有人有疑问,既然不是标准,那为什么所有浏览器和node的js执行环境都提供了宏任务队列?
这就回到上面的第一句:js事件循环是基于js单线程体系下的最优设计。宏任务队列是各家巨头们约定俗成的不成文标准,既不属于ES也不属于W3C。
W3C
严格意义上说,w3c并不定义或者规范JS标准,它只负责制定web规范并要求各家浏览器实现,如html5标准。
W3C讨论的标准必须在js的基础上才能制定。
如网络请求fetch API,fetch返回Promise,这个就必须在ES6标准之后才能使用。
所以,我们可以这么说,ES则是一种标准没法直接用,JS是基于ES标准实现的一种编程语言可以用但是需要宿主环境,而W3C标准则负责制定web标准规范,这个标准规范实现依赖js。这三者逐层具象。
相关推荐
- Fabric.js使用说明详解(fabric nodejs)
-
Fabric介绍简介:Fabric是一款基于HTML5Canvas的开源绘图库,它提供了丰富的API和工具,可以轻松地创建交互式的绘图应用程序和游戏。功能特点:介绍Fabric的核心功能,如图形绘制...
- 如何才能快速将照片变成漫画?(如何才能快速将照片变成漫画风格)
-
本文分享8个超级详细的照片变漫画教程,让你秒变绘画大师,跟着教程就能亲手将自己的照片制作成精美的漫画,快来一起试试吧~1、PS一款专业的图像处理软件,具备出色的图像处理功能,提供了强大的编辑工具和广...
- 很少人知道的20个最好用的免费设计软件
-
不是每个人都能花重金去购置昂贵的软件来装备自己,特别是在刚开始涉足设计这个行业的新手们。我们知道adobe系列软件正版是收费的,而且很贵,虽然说我们国内已经能破解使用,很多人都认为adobe的那些软件...
- 13个免费的信息图表制作软件推荐(如何制作信息表)
-
制作信息图表涉及大量的工作,如:数据收集,数据排列,选择和规划信息图表的格式和设计信息图表。在设计信息图表时,选择适当的制图软件是一个非常艰巨的任务。下面为大家推荐13个最好的免费信息图表制作软件。A...
- 怎么转换图片的格式?(怎么转换图片的格式)
-
我们日常用到最多的图片格式是JPG/JPEG格式的,其他常见的图片格式包括有bmp,png,tif,gif,svg,cdr,ai,raw,webp等,由于图片的使用场景不同,所以要求的具体格式也会有所...
- Adobe的各种图形处理软件分别是做什么的
-
Adobe公司的Ps,Pr,Ae,An,Ai软件分别的用来做什么的?PS:AdobePhotoshop的简称,用于图像处理、编辑、通道、图层、路径综合运用,图像色彩的校正,各种特效滤镜的使用、特效字...
- 前端开发中,对图片的优化技巧有哪些?
-
按照先后顺序有以下:1.去掉无意义的修饰。嗯,我会瞎说吗?除了内容图片,其他的图片的作用是修饰,也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片!所以在优化之前要做的,首先是确认设计,...
- Adobe软件的最佳Linux替代品有哪些?这几款工具不容错过
-
如果你是一名平面设计工作者,那么估计很多与你职业相同或者是喜欢并正在学习平面设计的小伙伴们,而如果恰巧你们都是Linux用户的话,那么估计很多的小伙伴都在寻找Adobe的Linux替代品吧。但是,...
- 精心收集几个免费绘图、修图与照片编辑软件分享一下
-
本次为大家介绍几款绘图、修图与照片编辑软件,都可以免费授权个人与教育使用,有些开源软件甚至可以在工作上商业使用。其中大多数的绘图软件都是跨平台的,可以在Windows或Mac上安装,对个人照片...
- UI设计入门干货!八大软件+技能+素材网站
-
随着互联网行业的发展,UI设计师越来越多的被提及,UI设计师大火,需求岗位越来越多,也有越来越多的人转行投身UI设计师。UI设计是什么?一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5...
- 干货!一文读懂10种主流的图片格式
-
JPG、PNG、GIF,这些在我们生活中常见的图片格式,你真的了解它们吗?你知道除了这3种图片格式外,还有十多种主流的图片格式吗?每一种图片格式都有自己的特点和适用场景,选择正确的图片类型不仅能提升视...
- 最佳设计:A-Frame,阅读进度指示器,Colorify.js,交互式讲故事
-
最佳设计和开发好东西的综述以及一些新版本-第44期(2015年最后一期),包括A-Frame,阅读进度指示器,Colorify.js,交互式讲故事的动画地图路径,简单的Ionic侧菜单过渡等。摇滚...
- 当爆火的“粘土风”吹进铁路......
-
展播开始啦⑨<animateattributeName="opacity"begin="0s"dur="0.01"fill="freeze"from="1"to="1"/>&l...
- 日日是好日:书法艺术文字T恤定制,陶冶性情、现代生活新平衡
-
书法,心情和思想都融入文字的意境当中,对眼前或身边发生的不愉快事情视而不见、听而不闻,从而进入既轻松又舒适的状态,没有了妄念和烦恼,精神获得享受。本文节选自《DIYSKU个性化定制设计按需印刷行业出海...
- 从默默无闻到无可替代,Photoshop背后藏着多少不为人知的故事 ?
-
1990年2月推出了photoshop1.0。当时Photoshop只能在Mac计算机上运行,功能上也只有“工具”面板和少量的滤镜。1991年2月推出了photoshop2.0。该版本发行引发了桌...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)