从零开始学WEB前端——JavaScript基础介绍

最开始我只打算在js出两章（一章基础+一章进阶），但是js对于想要学好前端的同学来说太重要，所以我把这个阶段拆分开来分为几个小节，尽我所能的把js讲好（本人毕竟才疏学浅）。作者因为主要是主职Java后端，所以对js的研究投入的时间太少，所以有讲的不好的请见谅。如果发现问题请私信我。

给大家推荐几本我学的时候看的书，这几本书都可以在微信读书上面免费观看：

《JavaScript高级程序设计（第3版）》

《JavaScript忍者秘籍（第2版）》

《JavaScript权威指南（原书第6版）》

再给大家推荐两套视频，建议初学者先看视频对知识点有了一定的了解之后再去看书籍：

黑马程序员pink老师：https://www.bilibili.com/video/BV1ux411d75J?from=search&seid=6494653037952930960&spm_id_from=333.337.0.0

尚硅谷：https://www.bilibili.com/video/BV1YW411T7GX?from=search&seid=6494653037952930960&spm_id_from=333.337.0.0

还有剽悍一小兔的《JavaScript百炼成仙》

在线阅读地址：https://m.zhangyue.com/readbook/12567484/5.html

什么是JavaScript

---

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

——百度百科

上面的这段话中我标注了几个重点，这里我调整了一下顺序：

• 编程语言

• 脚本语言

• 解释型

• 函数优先

• 原型编程

• 面向对象

而JavaScript由三个部分组成：

• ECMAScript

• 文档对象模型（DOM）

• 浏览器对象模型（BOM）

这里会介绍前三个理论概念，剩下的会在之后的文章中详细讲解。

编程语言

先来第一个概念，编程语言，那什么是编程语言？编程语言又能干什么？

我们把编程语言 这个名词拆开来看 他是由 编程 和 语言 构成的。

这里的 编程 说白了就是让计算机照我说的做，那怎么像计算机传达我的意思呢？ 这就需要用 语言 来沟通了。

综上所述：编程语言 就是一种人和计算机都能读懂的一门语言，用于双方的沟通交流。

为了使计算机能够理解人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

——百度百科

语言是人与人之间进行沟通交流的表达方式

——百度百科

编程语言（programming language）可以简单的理解为一种计算机和人都能识别的语言。一种计算机语言让程序员能够准确地定义计算机所需要使用的数据，并精确地定义在不同情况下所应当采取的行动。

——百度百科

pass：HTML是标记语言！！不是编程语言！！！

脚本语言

那我们知道了编程语言是什么，那怎么又冒出一个脚本语言来了？

说到脚本语言，我们又不得不扯一下关于编程语言的编译系统。

根据《深入理解计算机系统》一书中的介绍，一个完整的翻译过程应该包含如下的四个阶段：

预处理阶段 -> 编译阶段 -> 汇编阶段 -> 链接阶段

经过这一系列的操作之后我们的代码才能运行，这样就很麻烦。为了解决这一问题，脚本语言诞生了。

脚本语言不需要编译器，而需要一个翻译器。

编程语言和脚本语言的最大区别：编程语言是把程序员所定义的代码翻译成计算机所认识的二进制代码的工具， 脚本语言是解释执行的（如写的前端代码过能浏览器这个解释器，把代码呈现出web界面，这就是在运用脚本语言，进行编程）

——稀土掘金·Angelia

解释型

在上面说到了脚本语言使用的是解释器，现在我们来讲一下什么是解释型语言。

• 有的编程语言要求必须提前将所有源代码一次性转换成二进制指令，也就是生成一个可执行程序（Windows 下的 .exe），比如C语言、C++、Golang、Pascal（Delphi）、汇编等，这种编程语言称为编译型语言，使用的转换工具称为编译器。

• 有的编程语言可以一边执行一边转换，需要哪些源代码就转换哪些源代码，不会生成可执行程序，比如 Python、JavaScript、PHP、Shell、MATLAB 等，这种编程语言称为解释型语言，使用的转换工具称为解释器。

相对于编译型语言存在的，源代码不是直接翻译成机器语言，而是先翻译成中间代码，再由解释器对中间代码进行解释运行。比如Python/JavaScript / Perl /Shell等都是解释型语言。

——百度百科

学习一门语言不止要学习他的语法和流程控制语句，更重要的是要学习他的思想。

基本作用

---

在上面我们简单的介绍了一下JavaScript，我们知道了他是一门脚本语言，也知道了他和C语言（编译型语言）的区别。现在我们来讲一下JavaScript的一些作用。

作为一门编程语言，他必然可以然我们和计算机进行沟通，但是这种沟通主要是面对浏览器。

这里要再提一下JavaScript的构成：

• ECMAScript (语法和基本对象)

• 文档对象模型（DOM）

• 浏览器对象模型（BOM）

ECMAScript

首先我们先要学习ECMAScript，也就是JavaScript的基本语法和内置对象。

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！