作者 | 泰斗贤若

来源 | 泰斗贤若如

我们来探讨一下JavaScript,作为编程世界中无法忽视的一部分。

编程语言有多种,比如Java、C++、Python等等,每种编程语言都有独特的特色,无论是语法格式还是表达形式,都让程序员们深陷其中。

也许其实所有编程语言的初衷都是为了实现与计算机的沟通,好比在现实生活中,与人交流需要用语言表达一样,只是在计算机的世界中,使用不同的编程语言进行不同的操作。因此了解这些编程语言,在选择时做出正确的判断,是至关重要的。这也正是我写这篇文章的初衷。

在1994年,网景公司推出了Navigator浏览器,开始了Web时代的篇章。如今的浏览器跟十多年前大为不同,这也标志着互联网的发展日新月异。

网景公司在最初版本的浏览器基础上希望添加动态效果,于是布兰登·艾奇设计了一种实现网页动态效果的编程语言,即JavaScript。

为何命名为JavaScript呢?因为当时Java非常火,网景公司希望借用Java的名气来进行推广。其实JavaScript除了语法上有点像Java外,别的地方都跟Java没有任何关系。

由于不同商家推出JavaScript的不同实现语言,导致JavaScript的语法和特性日益混乱,其标准化问题被提上日程。最终,【ECMA-262】制定了一种新脚本语言ECMAScript,成为一种语言标准。JavaScript是对ECMAScript的一种实现。

  • 1997年06月 :发布首版。

  • 1997年06月:修改规范完全符合ISO/IEC 16262国际标准。

  • 1998年6月,ECMAScript 2.0版发布。

  • 1999年12月,ECMAScript 3.0版发布,成为JavaScript的通行标准,得到了广泛支持。

  • 1999年12月:增加正则、更好的文字处理、新的控制语句、try/catch异常处理、更加明确的错误定义,数字输出格式等等。放弃发布。

  • 2007年10月,ECMAScript4.0版草案发布,对3.0版做了大幅升级,预计次年8月发布正式版本。草案发布后,由于4.0版的目标过于激进,各方对于是否通过这个标准,发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司,反对JavaScript的大幅升级,主张小幅改动;以JavaScript创造者Brendan Eich为首的Mozilla公司,则坚持当前的草案。

  • 2008年7月,由于对于下一个版本应该包括哪些功能,各方分歧太大,争论过于激进,ECMA开会决定,中止ECMAScript 4.0的开发,将其中涉及现有功能改善的一小部分,发布为ECMAScript3.1,而将其他激进的设想扩大范围,放入以后的版本,由于会议的气氛,该版本的项目代号起名为Harmony(和谐)。会后不久,ECMAScript 3.1改名为ECMAScript 5。

  • 2009年12月:完善了ECMASript 3版本、增加”strict mode,” (严格模式)、以及新的功能,如getter和setter、 JSON库支持和更完整的对象属性。ECMAScript 5.0版正式发布。Harmony项目则一分为二,一些较为可行的设想定名为JavaScript.next继续开发,后来演变成ECMAScript 6;一些不是很成熟的设想,则被视为JavaScript.next.next,在更远的将来再考虑推出。

  • 2011年06月:ECMAscript 5.1版发布,并且成为ISO国际标准(ISO/IEC 16262:2011)。

  • 2013年3月,ECMAScript 6草案冻结,不再添加新功能。新的功能设想将被放到ECMAScript 7。

  • 2013年12月,ECMAScript 6草案发布。

  • 2015年06月:第六版的名字有很多,可以叫ECMAScript6 (ES6) ,也可以叫ECMAScript 2015 (ES2015) 。

  • 2015年6月17日,ECMAScript 6发布正式版本,即ECMAScript 2015。

  • 2016年06月:也被称为ECMAScript 2016。完善ES6规范,还包括两个新的功能:求幂运算符() 和array.prototype.includes方法。

  • 2017年06月:增加新的功能,如并发、原子操作、Object.values/Object.entries、 字符串填充、promises、 await/asyn等等。

JavaScript的三个主要组成部分是:ECMAScript(核心),DOM(文档对象模型),BOM(浏览器对象模型)。

ECMAScript(核心)

【ECMA-262】规定了语言的组成部分,包括语法、类型、语言、关键字、保留字、操作符、对象等。

DOM(文档对象模型)

文档对象模型(DOM)是针对XML但经过扩展用于HTML的应用程序编程接口(API),将整个页面映射为一个多层次节点结构。

[IMAGE-1]

实际上,文档对象模型(DOM)就是用于操作网页标签以实现动态效果。

在DOM中,页面通常可以用分层节点图来表示:

[IMAGE-2]

DOM级别:

  • DOM1级于1998年10月成为W3C的推荐标准。DOM1由两个模块组成,分别是DOM core和DOM HTML。

  • DOM core:规定了如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。

  • DOM HTML:在DOM core的基础上加以扩展,添加了针对HTML的对象和方法。

  • DOM2级在原有DOM基础上扩充了鼠标和用户界面事件、范围、遍历等细分模块,并通过对象接口增加了对css的支持。包括以下模块:

  1. DOM Views(DOM视图):定义了跟踪不同文档视图的接口。

  2. DOM Events(DOM事件):定义了事件与事件处理的接口。

  3. DOM Traversal and Range(DOM遍历和范围):定义了遍历和操作文档的接口。

  • DOM3级则进一步扩展了DOM,引入了加载和保存模块以统一方式加载和保存文档的方法;新增了DOM验证模块主要还是验证文档的方法。

BOM(浏览器对象模型)

浏览器对象模型(BOM)是处理浏览器窗口和框架的,我们习惯上把所有针对浏览器的JavaScript扩展看作是BOM的一部分,其中包括:

  1. 弹出新浏览器窗口的功能。

  2. 移动、缩放和关闭浏览器窗口的功能。

  3. 提供浏览器所加载页面的详细信息的navigator对象。

  4. 提供浏览器所加载页面的详细信息的location对象。

  5. 提供用户分辨率详细信息的screen对象。

  6. 对cookies的支持。

  7. 像XMLHttpRequest和IE的ActionXobject这样的自定义对象。

浏览器对象模型(BOM)实际上非常简单,它包含了当前浏览器上的一些操作,比如关闭按钮、刷新按钮、前进和后退按钮等等。

JavaScript包含了以上这三部分内容。第一部分是核心的基础语法,这是非常非常重要的,有了基础语法,我们才能学习文档对象模型(DOM)和浏览器对象模型(BOM)。文档对象模型(DOM)用于操作网页标签元素,实现网页的动态效果。

而浏览器对象模型(BOM)用于处理一些浏览器上的操作,比如滚动行为、点击回到顶部,刷新,前进和后退等。这些特性是我们需要了解的,在后续学习时,可以带着这些特性去深入学习,会事半功倍。