【新手向】JavaScript 简介

184 阅读2分钟

文章简介

本文适合js刚刚入门的新手,文章对js的基本构造做的总结。真的特别特别基础,因为自己的基础薄弱想要借此机会好好增强下。那么下面直接切入主题。

js实现的三大部分

一个完整的js实现应该由三个部分组成:

  1. 核心(ES标准)
  2. 文档对象模型(DOM)
  3. 浏览器对象模型(BOM)

ECMAScript 标准

这门语言本身不包括输入和输出定义,ES标准定义的只是语言的基础,在此基础上可以构建更完善的脚本语言。 我们常见的Web浏览器只是ES实现的宿主环境之一(其他宿主环境还有 Node 和 Adobe Flash),宿主环境不仅提供基本ES标准的实现,同时还提供该语言的扩展(比如DOM),以便语言和环境之间对接交互。

ES标准规定了这门语言的下列组成部分:

ES标准的组成

想了解ES标准的可以看ES标准官网 ps:全英文的看起来可能有点吃力,我都是对着谷歌翻译看的。

DOM介绍

文档对象模型(DOM, Document Object Model)是经过扩展用于HTML的应用程序编程接口(API, Application Programming Interface).

DOM把整个页面映射为一个多层节点结构,HTML页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。 通过DOM创建表示文档的树形图,然后我们就可以控制页面内容和结构了。

DOM的标准由W3C制定,详情可见W3C DOM文档

下面我利用思维导图做了简单的概括:

DOM 思维导图

BOM介绍

浏览器对象模型(BOM, Brower Object Model),可以控制浏览器显示页面以外的部分。 人们习惯把所以针对浏览器的js扩展也算BOM的一部分,但是这部分没有相关的标准。

在HTML5发布后,把很多BOM对象写入了正式规范,很多关于BOM的困惑烟消云散。

就针对浏览器的js扩展我也做了一个思维导图:

BOM

有兴趣的可以看下HTML5标准

总结

不积跬步无以至千里,不积小流无以成江河。 文章主要给刚刚接触js的人提供参考,也是对自己掌握情况的总结。接下来还会有,根据这个思维导图总结的路线的详细文章。

js思维导图

内容主要参考js红宝书。 有什么缺点欢迎大家批评指正。 觉得有帮助就点个赞!!!(((o(゚▽゚)o)))♡