JavaScript基础教程菜鸟入门（1）-职坐标

JavaScript基础教程菜鸟入门（1）

沉沙 2018-07-31 来源：阅读 1211 评论 0

摘要：本篇教程介绍了JavaScript基础教程菜鸟入门（1），希望阅读本篇文章以后大家有所收获，帮助大家对JavaScript的理解更加深入。

本篇教程介绍了JavaScript基础教程菜鸟入门（1），希望阅读本篇文章以后大家有所收获，帮助大家对JavaScript的理解更加深入。

javascript的组成
我们刚才说过，由于有了ECMA-262这个标准，javascript得以统一，所以后来也有人将Javascript和ECMAScript用来表达相同的意思。ECMAScript简称ES，可能你会听说过ES5,ES6…这些名词，后面的数字就代表着ES的版本。
1997年，ES1.0首次推出，次年2.0推出。
到1999年12月，ES3.0发布，经过了2年的完善和努力，ES3.0的语法已经比较完善了，其成为JavaScript的通行标准，得到了浏览器厂商广泛支持。在之后的很长一段时间里，ES的版本再没有改变过。
直到2007年，8年之后，ES4.0的草案发布，在这个草案中ES的语法发生了巨大的修改，但是由于方案过于激进，导致当时业内出现了严重的分歧，经过了很长时间的讨论之后，ECMA协会最终决定废除了ES4.0的草案。在2009年，发布了修改相对较小的另一套方案，称为ES3.1版，又叫ES5。后来到了2015年，ES6正式发布，虽然这次的修改也是很大很激进的，但最终还是得到了委员会的批准发布。后来ECMA修改了这种无节奏的发布模式，改成了一年发布一个版本，ES6也被更名为了ES2015。

又说了一些JS发展历程，我们还是回到主题，来看下js的组成：
核心（ECMAScript）
文档对象模型（DOM）
浏览器对象模型（BOM）
在浏览器端的JS实现中，ECMA规定了核心的语法，比如数据类型，语句，关键字，保留字，操作符，对象等。而DOM和BOM的相关部分是在浏览器环境所特有的。在网页中HTML页面会被解析成一个DOM树结合css样式表渲染在页面上，DOM相关的部分就是来操作这个DOM树的。比如这样一个简单的页面：
<html>
    <head>
        <title>Sample Page</title>
    </head>
    <body>
        <p>Hello World!</p>
    </body>
</html>
会先被解析成这样
我们可以通过DOM提供的API，轻松的对其中的任何节点进行删除、添加、修改等操作。
BOM浏览器对象模型顾名思义就是提供了一些当前浏览器相关的一些API。
随着javascript这几年的迅猛发展，javascript越来越可以脱离浏览器这个沙盒在别的环境下去运行了。但不论js在什么环境下运行他一定是用ECMAScript这部分的，而DOM、BOM部分就不一定了。
另外由于js实现里只有ECMAScript是标准，所以只有ECMAScript部分在所有不同浏览器里都是一样的。但是DOM、BOM部分由于没有标准，所以各个浏览器厂商的实现都不近相同。
所以我们说ECMAScript基本不需要做兼容，DOM一部分需要做兼容处理， BOM大部分都需要兼容处理。不过随着时间推移标准浏览器的普及和低版本浏览器的淘汰，越来越多的地方会形成标准和共识。

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道！

JavaScript知乎 javascript视频教程 javascript代码

本文由 @沉沙发布于职坐标。未经许可，禁止转载。