JavaScript 简介

最后更新：
阅读次数： 次
许可协议： 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议

JavaScript ( 简称：JS ) 是一种 轻量级，解释型 的编程语言，其函数是一等公民。众所周知，它是用于网页开发的脚本语言，但也被用在很多非网页环境中，例如 node.js 和 Apache CouchDB。JS 是一种基于原型的、多范式、动态脚本语言，并且支持面向对象、命令式和声明式（如：函数式编程）编程风格。【MDN】

Javascript 是一种解释性、直译型脚本语言（代码不进行预编译）。直译语言的弱点是安全性较差，而且在 JavaScript 中，如果一条执行不了，那么下面的语言也无法执行。而其解決办法就是使用 try{}catch(){}

console.log("a");
console.log("b");
console.logg("c"); // 这里出错了，下面的语句不会被执行
console.log("d");
console.log("e");

/*解決办法*/

try {
  console.log("a");
} catch (e) {}
try {
  console.log("b");
} catch (e) {}
try {
  console.logg("c");
} catch (e) {
  console.log("Wrong here!");
}
// 上面的语句是错误的，但是到这里不会停下来，而是打印错误提示信息，然后继续执行下面的语句
try {
  console.log("d");
} catch (e) {}
try {
  console.log("e");
} catch (e) {}

一个完整的 JavaScript 的实现应该包括三部分：

  • ECMAScript（语言核心）：描述了该语言的语法和基本对象
  • DOM（文档对象模型）：描述了处理网页内容的方法和接口
  • BOM（浏览器对象模型）：描述了与浏览器进行交互的方法和接口

ECMAScript

ECMAScript 是一种脚本语言标准，规范名为 ECMA-262，JavaScript 成为 ECMAScript 的实现之一，其它实现 ECMAScript 的语言还有 JScript 和 ActionScript。

通常遇到 ECMAScript，就将 JavaScript 当作它的方言就行了！

ECMAScript 历史版本

  • ECMAScript 1 （1997.06）
  • ECMAScript 2 （1998.06）
  • ECMAScript 3 （1999.12）
    • 添加正则表达式，异常处理，新的控制指令等
  • ECMAScript 4 : 由于某些原因，未完成
  • ECMAScript 5 （2009.12）
    • 添加严格模式，JSON 对象等
  • ECMAScript 5.1 （2011.06）
    • 完全向下兼容 ECMAScript 3
  • ECMAScript 6 （2015.06） （又称 ES6、ECMAScript 2015）
    • 添加 let、const，箭头函数，解构赋值，类（class），模块支持等
  • ECMAScript 7 （2016.06） （又称 ES7、ECMAScript 2016）
    • 添加 Array.prototype.includes 、 取幂操作符（**）等

DOM

文档对象模型 ( DOM ) 是 HTML 和 XML 文档的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种程序可以对结构树进行访问，以改变文档的结构，样式和内容的方式。

DOM 标准的目标是让“任何一种程序设计语言”能操控使用“任何一种标记语言”编写出的“任何一份文档”。“操控”具体含义为能通过 DOM 提供的 API 对文档的内容、结构、样式进行访问和修改。

  • 简单讲，DOM 就是一组适用于结构化文档的 API
  • DOM 并不是 JavaScript 的一部分，它也可以被其他语言使用，比如 Java 也可以操作 DOM

平时可能会见到有 DOM 0 级（DOM Level 0），但实际上 DOM 0 级并不存在，它只是 DOM 历史坐标中的一个参照点而已。具体说呢，DOM 0 级指的是 IE4 和 Netscape 4.0 这些浏览器最初支持的 DHTML。

  • DOM Level 1 （1998.10）
    • DOM1 核心（DOM Core）：规定了如何映射基于 XML 的文档结构，以便简化对文档的任意部分的访问和操作。
    • DOM1 HTML：在 DOM 核心的基础上加以扩展，添加了针对 HTML 的对象和方法。
  • DOM Level 2 （2000.11）
    • DOM2 核心：扩展了 DOM1 核心
    • DOM2 视图（DOM Views）：定义了跟踪不同文档（例如，应用 CSS 之前和之后的文档）视图的接口
    • DOM2 事件（DOM Events）：定义了事件和事件处理的接口
    • DOM2 样式（DOM Style）：定义了基于 CSS 为元素应用样式的接口
    • DOM2 遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口
    • DOM2 HTML：扩展了 DOM1 HTML
  • DOM Level 3（2004.04）
    • DOM3 核心： 扩展了 DOM1 和 DOM2 核心
    • DOM3 加载和保存（DOM Load and Save）：定义了以统一方式加载和保存文档的方法
    • DOM3 验证（DOM Validation）：
    • DOM3 事件：扩展了 DOM2 事件
    • DOM3 XPath：定义了在 DOM 中对 XPath 表达式求值的接口
  • DOM Level 4（2015.11）
    • ….coming

From wiki

  • DOM Level 1 provided a complete model for an entire HTML or XML document, including means to change any portion of the document.
  • DOM Level 2 was published in late 2000. It introduced the getElementById function as well as an event model and support for XML namespaces and CSS.
  • DOM Level 3, published in April 2004, added support for XPath and keyboard event handling, as well as an interface for serializing documents as XML.
  • DOM Level 4 was published in 2015. It is a snapshot of the WHATWG living standard.

了解更多，参看 DOM Current Status [ W3C ]

BOM

  • 浏览器对象模型（BOM），它为 Javascript 提供了访问和操作浏览器窗口的方法和对象
  • BOM 的核心：window 对象
  • BOM 本身一直都没有相关的标准，但是 HTML 5 发布后，W3C 为了把浏览器中 Javascript 最基本的部分标准化，已经将 BOM 的主要方面纳入了 HTML5 的规范中。

参考资料