javascript程序-javascript下载官方 收藏 0

温故知新！必学JavaScript 高级程序设计（第4版）p1

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 一个历史版本及主要发布特性：

介绍了下 ECMAScript ，然后就来到我们熟悉的 DOM：Document Object Model；

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

DOM 历史上，有 4 个版本：

咱就是，不得不感慨，这些版本的历史迭代是导致前端难学的原因之一 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

6个基本提升程序性能的JavaScript技巧

现在当应用程序变得越来越复杂的同时，提升性能成了我们必需要考虑的一个事情，因为一个程序上线后，它的体验否流畅，加载是否快，显得非常重要。

今天给大家列6个基本的优化方式，或者可以说技能

压缩代码，使文件的体积变小，文件体积越小意味着数据传输时间越短，从而页面下载的越快。

Terser 和 UglifyJS

这些工具可以系统地删除JS文件中的多余内容。它们删除注释、空格，并提供变量和函数名称缩写，确保您的脚本简洁。

Webpack或者Rollup，能有效的将内容打包到一个文件里，减少 HTTP 请求和提高代码执行效率。两者都直接有助于加速浏览体验。

这里所谓的不必要的代码，大部分就是指死代码。死代码给应用程序增加了不必要的体积。

幸运的是，我们可以使用ES6模块配置Three Shaking，来自动去掉这些无用代码

使用async和defer可以比作熟练的多任务处理。它们确保脚本不会成为页面加载过程的瓶颈，为用户提供无缝体验。

分析出核心脚本资源可以使其优先加载

即使在数字领域，链条的强度也取决于其最薄弱的环节。如果算法不是最优的，它可能会影响整个应用程序的性能。良好优化的算法确保快速的数据处理和迅速的响应。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com