百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

温故知新!必学JavaScript 高级程序设计(第4版)p1

itomcoil 2025-02-28 16:10 102 浏览

JavaScript 高级程序设计第 4 版(后简称高程4),相较于第 3 版,增加了 ES6 至 ES10 的全新内容,删除了旧版过时的内容,并在原有基础上充实了更加翔实的内容。

中文译版于 2020 年发售,妥妥的“新鲜出炉”,你要是问本瓜:当今学 JavaScript 哪家强,我只能说:红宝书第 4 版最在行。

于是乎,借着更文契机,本瓜将开启一个小系列,带你重看一遍高级程序设计4(先前只是跳着跳着看),将抽取精华,用最简单的话解释核心点、尽量把握全局、快速过一遍的同时,记录与工友们分享~~

正文

1995 年,作为 JavaScript 的创作者,Brendan Eich 绝对想不到,他仅用 10 天写出的脚本语言,竟然在 25 年以后,连续 10 年蝉联“最常用编程语言”榜首。

很多人还以刻板的印象认为 JavaScript 是“玩具语言”,但随着它的不断发展,而今它绝对是最有必要学习的一门编程语言。JavaScript 有着强大的语言特性,对于网页和移动开发者来说,深入理解尤为必要。

在第一章 《什么是 JavaScript》很详细的阐述了 JavaScript 演进历史,这里用箭头符号简单说明过程:

Mocha ? LiveScript ? JavaScript(Netscape Navigator)、IE(JScript)? ECMAScript

言而总之,就是网景浏览器与IE浏览器大战,最终促成了 ECMAScript 的诞生。

有意思的是,本瓜之前理解:JavaScript 包含三个部分,ECMAScript + DOM + BOM,这里也确实这样画了一张图,

但这种包含的理解应该是错误的;语言是实现标准,而不是包含标准;其它语言也可以实现这些标准,比如 Adobe ActionScript 同样也实现了 ECMAScript ;

所以,应该说:JavaScript 实现了 ECMAScript 标准,同时还实现了 DOM 和 BOM。

那 ECMAScript(ecma-262)到底定义了什么?要点如下:

  1. 语法
  2. 类型
  3. 语句
  4. 关键字
  5. 保留字
  6. 操作符
  7. 全局对象

CV 一个历史版本及主要发布特性:

版本

发表日期

与前版本的差异

1

1997年6月

首版

2

1998年6月

格式修正,以使得其形式与ISO/IEC16262国际标准一致

3

1999年12月

强大的正则表达式,更好的词法作用域链处理,新的控制指令,异常处理,错误定义更加明确,数据输出的格式化及其它改变

4

放弃

由于关于语言的复杂性出现分歧,第4版本被放弃,其中的部分成为了第5版本及Harmony的基础;由ActionScript实现

5

2009年12月

新增“严格模式(strict mode)”,一个子集用作提供更彻底的错误检查,以避免结构出错。澄清了许多第3版本的模糊规范,并适应了与规范不一致的真实世界实现的行为。增加了部分新功能,如getters及setters,支持JSON以及在对象属性上更完整的反射

5.1

2011年6月

ECMAScript标5.1版形式上完全一致于国际标准ISO/IEC 16262:2011。

6

2015年6月

ECMAScript 2015(ES2015),第 6 版,最早被称作是 ECMAScript 6(ES6),添加了类和模块的语法,其他特性包括迭代器,Python风格的生成器和生成器表达式,箭头函数,二进制数据,静态类型数组,集合(maps,sets 和 weak maps),promise,reflection 和 proxies。作为最早的 ECMAScript Harmony 版本,也被叫做ES6 Harmony。

7

2016年6月

ECMAScript 2016(ES2016),第 7 版,多个新的概念和语言特性

8

2017年6月

ECMAScript 2017(ES2017),第 8 版,多个新的概念和语言特性

9

2018年6月

ECMAScript 2018 (ES2018),第 9 版,包含了异步循环,生成器,新的正则表达式特性和 rest/spread 语法。

10

2019年6月

ECMAScript 2019 (ES2019),第 10 版

11

2020年6月

ECMAScript 2020 (ES2020),第 11 版

介绍了下 ECMAScript ,然后就来到我们熟悉的 DOM:Document Object Model;

DOM 将整个页面抽象为一组分层节点。使用 DOM API,可以轻松地删除、添加、替换、修改节点。让开发者可以随心所欲地控制网页的内容和结构。

DOM 历史上,有 4 个版本:

版本

特性

DOM Level 1

映射文档结构

DOM Level 2

增加了对鼠标和用户界面事件、范围、遍历、层叠样式表(CSS)

DOM Level 3

增加以统一的方式加载和保存文档的方法

DOM Living Standard(DOM Level 4)

包括 Mutation Observers

咱就是,不得不感慨,这些版本的历史迭代是导致前端难学的原因之一 QAQ

接着行文来到 BOM —— 浏览器对象模型,我们也很熟悉,它提供的能力是关于浏览器的:

  1. 弹出新浏览器窗口的能力;
  2. 移动、缩放和关闭浏览器窗口的能力;
  3. navigator 对象,提供关于浏览器的详尽信息;
  4. location 对象,提供浏览器加载页面的详尽信息;
  5. screen 对象,提供关于用户屏幕分辨率的详尽信息;
  6. performance 对象,提供浏览器内存占用、导航行为和时间统计的详尽信息;
  7. 对 cookie 的支持;
  8. 其他自定义对象,如 XMLHttpRequest 和 IE 的 ActiveXObject。

其实在 HTML5 之前,各大浏览器对于 BOM 的实现是不一样的,HTML5 改善了这一困境。

小结

小结一句吧:

有人问:学习 JavaScript 有必要了解它的历史吗?本瓜觉得是必要的。了解后,也会发现:还挺有意思的~~

这里觉得有点遗憾的是,关于:JavaScript的语言设计主要受到了Self(一种基于原型的编程语言)和 Scheme(一门函数式编程语言)的影响,在语法结构上它又与C语言相似,高程4 里并没有展开说明,如果能针对这部分历史展开讲讲,就更 nice 了!!浅习一波 JavaScript 高级程序设计(第4版)p1

我是掘金安东尼: 一名人气前端技术博主(文章 100w+ 阅读量)

终身写作者(INFP 写作人格)

坚持与热爱(简书打卡 1000 日)

我能陪你一起度过漫长技术岁月吗(以梦为马)

觉得不错,给个点赞和关注吧(这是我最大的动力 )b( ̄▽ ̄)d

相关推荐

《Queendom》宣布冠军!女团MAMAMOO四人激动落泪

网易娱乐11月1日报道据台湾媒体报道,南韩女团竞争回归的生死斗《Queendom》昨(10/31)晚播出大决赛,并以直播方式进行,6组女团、女歌手皆演唱新歌,并加总前三轮的赛前赛、音源成绩与直播现场投...

正确复制、重写别人的代码,不算抄袭

我最近在一篇文章提到,工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是,如果你没有达到重用第三方代码的阈值时,那么你就可以自己编写代码。在本文中,我将讨论一个在重用和从头开始编...

HTML DOM tr 对象_html event对象

tr对象tr对象代表了HTML表格的行。HTML文档中出现一个<tr>标签,就会创建一个tr对象。tr对象集合W3C:W3C标签。集合描述W3Ccells返回...

JS 打造动态表格_js如何动态改变表格内容

后台列表页最常见的需求:点击表头排序+一键全选。本文用原生js代码实现零依赖方案,涵盖DOM查询、排序算法、事件代理三大核心技能。效果速览一、核心思路事件入口:为每个<th>绑...

连肝7个晚上,总结了66条计算机网络的知识点

作者|哪吒来源|程序员小灰(ID:chengxuyuanxiaohui)计算机网络知识是面试常考的内容,在实际工作中经常涉及。最近,我总结了66条计算机网络相关的知识点。1、比较http0....

Vue 中 强制组件重新渲染的正确方法

作者:MichaelThiessen译者:前端小智来源:hackernoon有时候,依赖Vue响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的...

为什么100个前端只有1人能说清?浏览器重排/重绘深度解析

面试现场的"致命拷问""你的项目里做过哪些性能优化?能具体讲讲重排和重绘的区别吗?"作为面试官,我在秋招季连续面试过100多位前端候选人,这句提问几乎成了必考题。但令...

HTML DOM 介绍_dom4j html

HTMLDOM(文档对象模型)是一种基于文档的编程接口,它是HTML和XML文档的编程接口。它可以让开发人员通过JavaScript或其他脚本语言来访问和操作HTML和XML文档...

JavaScript 事件——“事件流和事件处理程序”的注意要点

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,而NetscapeCommunicator的事件流是事件捕获流。事件冒泡即事件开始时由最具体的元素接收,然后逐级向上传播到较为不...

探秘 Web 水印技术_水印制作网页

作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...

国外顶流网红为流量拍摄性侵女学生?仅被封杀三月,回归仍爆火

曾经的油管之王,顶流网红DavidDobrik复出了。一切似乎都跟他因和成员灌酒性侵女学生被骂到退网之前一样:住在950万美元的豪宅,开着20万美元的阿斯顿马丁,每条视频都有数百万观看...人们仿佛...

JavaScript 内存泄漏排查方法_js内存泄漏及解决方法

一、概述本文主要介绍了如何通过Devtools的Memory内存工具排查JavaScript内存泄漏问题。先介绍了一些相关概念,说明了Memory内存工具的使用方式,然后介绍了堆快照的...

外贸独立站,网站优化的具体内容_外贸独立站,网站优化的具体内容有哪些

Wordpress网站优化,是通过优化代码、数据库、缓存、CSS/JS等内容,提升网站加载速度、交互性和稳定性。网站加载速度,是Google搜索引擎的第一权重,也是SEO优化的前提。1.优化渲染阻塞。...

这8个CSS工具可以提升编程速度_css用什么编译器

下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。1...

vue的理解-vue源码 历史 简介 核心特性 和jquery区别 和 react对比

一、从历史说起Web是WorldWideWeb的简称,中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页,可以欣...