JS起源与简介

序言

随着学习的不断深入，感觉学的知识显得凌乱无章、多而不精；故而想重新开始花时间梳理一下自己的前端知识框架，以便更好的巩固知识体系。首先从JS基础开始，本篇内容主要讲解 JS的起源于简介，具体详细内容会慢慢更新。下面就让我们一起来了解这门语言吧！

一、前言

首先我们先来了解一下JavaScript的前身，JavaScript的创造者是布兰登·艾克（Brendan Eich）就职于网景（Netscape）公司，仅用了10天就创造了这门语言（大佬的世界我不懂）。JavaScript原本名为LiveScript，在1995年2月发布时为了蹭一波Java的热度便改名为JavaScript。在JavaScript 1.0获得巨大成功后，蹭热度二号选手微软来了，在internet Explorer 3中加入了名为 JScript（这也就导致了低版本之间js语法兼容性的问题）。随着网景与微软不断的竞争，导致JavaScript没有明确的一个标准，1997年由欧洲计算机协会（ECMA）来制定语法标准。这个时候JavaScript才逐渐走向标准化。

二、组成

很多人会把JavaScript与ECMAScript认为是一个东西，其实他们之间是一个包含关系，完整的JavaScript组成应该是由三个不同部分组成而来的：

• 核心（ECMAScript语法）
• 文档对象模型（DOM树）
• 浏览器对象模型（BOM）

所以咱们现在了解到的ES5与ES6其实就是ECMAScript标准的不同版本，ES5泛指的是2015年以前的ECMAScript语法；ES6指的是2015年新更新的语法由于更改内容较多，所以称为ES6。

三、ECMAScript

ECMAScript是我们主要学习的语法知识，下面我 简称为ES5（后面会主要讲解ES6知识）它主要包含一下内容：

1. 语法
2. 数据类型
3. 语句与循环
4. 运算符
5. 关键字和保留字
6. 对象

web浏览器只是ES5语法实现的宿主环境之一，随着JS的发展，也同样可以运行在服务端。但是后面我们主要还是一个web浏览器为主要学习点，强大的浏览器控制台就是我们很好的编辑器。

四、DOM

文档对象模型（DOM，Document Object Model）是针对XML但经过扩展用于HTML的应用程序编程接口。XML相信学过PHP的对此不陌生，也是一种早期的可扩展标记语言。上面说了DOM是JavaScript的组成部分，但不能说DOM只属于JavaScript，很多其他语言也实现了DOM；不过在web浏览器中基于ECMAScript实现的DOM成为了JavaScript的重要组成部分。

我们可以通过DOM来控制页面内容的结构，通过DOM的API可以轻松的对页面元素进行删除、添加、查找、替换和修改任何节点，以及做出更加炫酷的交互效果。详细的API介绍后面会着重记录，敬请期待！

五、BOM

浏览器对象模型（BOM，Browser Object Model）是支持访问和操作浏览器窗口的模型对象。可以通过使用BOM控制浏览器显示页面，以及浏览器的显示信息等等。

正是因为它是针对于浏览器所构造的，所以它也就算作是JavaScript的一部分。下面就包含的内置的一些扩展功能：

• window（浏览器对象）
• location（加载页面详细信息对象）
• navigator（浏览器详细信息对象）
• screen（浏览器显示器分辨率详细信息）
• history（浏览历史对象）

六、Hello Word

任何一门语言入门学习都需要先来一句Hello Word 打印语句，而在JS的世界中这个及其简单。你只需要打开浏览fn + f12打开浏览器控制台输入：

alert('Hello Word');
// 回车即可（具体代码含义后面会介绍到）

就介绍到这里啦！欢迎大家踊跃交流讨论，有问题请留言指出谢谢