初识JavaScript

1. 博文导言

最近在看一本书：吴翰清的《白帽子讲Web安全》。
看完第一章，刚着手想继续看第二章的时候，第二章的内容涉及到脚本语言。于是，惊奇自己不是很懂，固决定在庞杂之际。牢牢的掌握一门脚本语言，所以就有了这篇博文的由来。

每学一些新的东西，无一不是先从概述性的东西开始的。从知道这个东西是什么，为什么要用它，它有什么样的优势，如何使用。

这篇博文输出的点就在于 初识。
后续内容，持续输出。

---

2. 准备编辑器

在聊起 javaScript之前，不知道大家的电脑上装了几款编辑器？
反正我自己突然发现，我居然没有一个好用的前端语言编辑器。这还能行？

于是，我找到了这个链接：Visual Studio Code
这款微软推出的编辑器。

至于它有什么样的优点，还不清楚。
但是传说是，很轻巧，还很节省内存，但是真正的体验，还需要后期的学习伴随着去感受。

下载好了对应的电脑系统版本，继续 next 安装，
如果装好了可以正常打开，那就OK了！

效果图：

不过有一点体验还是很好的，安装好了之后，他自动提示我：
是否需要安装中文插件，然后自动重启。确定就好了，确定之后，自动重启，
效果如上图 ↑

---

3. 开始认识理论知识

好吧，恭喜。我马上要对你洗脑了，
又是你们最开心的环节 理论知识！！

从哪开始呢？

好！

什么是编程语言？

世界上有大大小小的计算机，而想要让他们运行起来，必不可缺的就是编程语言。

就是说，如果你想让机器运行起来，你就需要编写程序，
让其按照你设置好的命令，进行操作，对其发出的命令，可以理解为 编程语言

在细说的话，就是计算机只认识 0 和 1，因为它只懂得二进制。
你的命令如果为 合理的 一坨0 和 一坨1，计算机，就可以按照你的设置，执行程序。

这种叫机器语言，比机器语言高级一层的是汇编语言，汇编语言是对机器语言的一层封装，你无须在每日的工作中耗时耗力的纠结 一坨0 和 一坨1的组合是否正确合理，你只需要记住对其向上封装的正确单词即可。

聊到这里，你就晓得了什么是编程语言，为什么要学编程语言，它能做什么。
而且你还晓得了编程语言，分为机器语言，汇编语言。

其实在高级一层的 高级语言，
它是对汇编语言的在向上一层封装。

---

JavaScript 属于哪一种呢？ 我们下面开始来认识 JavaScript

4. JavaScript 诞生

JavaScript 是由 布兰登·艾奇设计开发而出的编程语言，详细内容请跳转：JavaScript的背景故事

有意思的是 JavaScript 只用了十天就完成了， 而且最初的名字叫做 LiveScript，是因为网景公司和SUN公司合作，将其改名为 JavaScript。

这里的Script 是脚本的意思，因为JavaScript 是运行在浏览器端的，所以又称为脚本语言。
脚本语言的特点是，不需要编译，运行过程中 由 js解释器（js引擎） 逐行来解析并执行。

5. JavaScript的优点

我的博客是对自己知识的管理，并不是一定非要让谁关注到的，所以它很肆意，顾及的全然是我的方便。

JavaScript 虽然是脚本语言，它的优点在于，并不局限于某一处。

例如，

1. 需要做表单校验时，如果纯靠后端语言，将会对服务器提高很大的压力，JavaScript 正好可以解决这一现象。(这也是 js产生最初产生出来的目的)
2. 网页特效
3. 服务器端开发
4. 桌面程序
5. App
6. 控制硬件-物联网
7. 游戏开发

这一小节，我们可以伴随着后续的学习，逐一进行体验。

6. JavaScript HTML CSS 三兄弟

我其实对前端的知识，相当于一窍不通。所以这里我没什么好说的，虽然这只是暂时的事。

我之前有听到过他们三个被称为 前端三剑客。

我所知道他们三兄弟的只有这几句话 ↓
HTML 相当于 原生的样式
CSS 相当于 让原生的样式有了色彩
JavaScript 相当于 让其两者 活了过来(动态)

---

7. 浏览器是如何执行JS的？

我们熟知的浏览器分为两个部分：渲染引擎，JS引擎

渲染引擎：
用来解析 HTML与CSS。俗称内核。

JS引擎：
也称为 JS解释器。用来读取网页中的 JS代码，对其处理后运行。

浏览器本身并不会执行 JS代码，而是通过内置的 JavaScript引擎（解释器）来执行JS代码。
JS引擎执行代码时候逐行解释每一句代码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

---

8. JS 的组成部分

JS的组成分为三个部分：

1. ECMAScript （JavaScript 语法，由ECMA国际，原欧洲计算机制造协会进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或Jscript // 注意这里的 J是大写s是小写，这是微软开发的另一个语言，但实际上后两者是ECMAScript语言的实现和扩展）

2. DOM （页面对象模型，它让我们可对网页上的元素进行操作）

3. BOM （浏览器对象模型，可对浏览器窗口进行操作）

---

OK，上述内容，是我今天对JS的初步学习的一个总结。