资讯专栏INFORMATION COLUMN

JavaScript 简介

URLOS / 3303人阅读

摘要:简介原文链接简称是一种轻量级,解释型的编程语言,其函数是一等公民。标准的目标是让任何一种程序设计语言能操控使用任何一种标记语言编写出的任何一份文档。核心规定了如何映射基于的文档结构,以便简化对文档的任意部分的访问和操作。

JavaScript 简介

原文链接

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) (又称 ES6ECMAScript 2015

添加 let、const,箭头函数,解构赋值,类(class),模块支持等

ECMAScript 7 (2016.06) (又称 ES7ECMAScript 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 的规范中。

参考资料

【文章】ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事?「译」

【文章】翻译:ECMAScript 5.1简介

【规范】ECMAScript5.1中文版

【书】ECMAScript 6 入门 ---阮一峰

【文章】DOM Levels(推荐)

【文章】DOM分类和级别概述

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80203.html

相关文章

  • 前端必备资源大整理

    摘要:资源不断更新中。。。主页前端工具简介虽然不是第一个任务执行工具,它却很快成为了最受欢迎的。官方网站网易框架是网易推出的开源前端框架,提供了丰富代码库和插件,可以极大的帮助开发人员提高开发效率。 资源不断更新中。。。 动画库1.Animate.css说明:一个简单易用的跨浏览器CSS动画库。GitHub主页: https://github.com/daneden/an... 2.CSSh...

    JiaXinYi 评论0 收藏0
  • 前端必备资源大整理

    摘要:资源不断更新中。。。主页前端工具简介虽然不是第一个任务执行工具,它却很快成为了最受欢迎的。官方网站网易框架是网易推出的开源前端框架,提供了丰富代码库和插件,可以极大的帮助开发人员提高开发效率。 资源不断更新中。。。 动画库1.Animate.css说明:一个简单易用的跨浏览器CSS动画库。GitHub主页: https://github.com/daneden/an... 2.CSSh...

    CntChen 评论0 收藏0
  • 前端必备资源大整理

    摘要:资源不断更新中。。。主页前端工具简介虽然不是第一个任务执行工具,它却很快成为了最受欢迎的。官方网站网易框架是网易推出的开源前端框架,提供了丰富代码库和插件,可以极大的帮助开发人员提高开发效率。 资源不断更新中。。。 动画库1.Animate.css说明:一个简单易用的跨浏览器CSS动画库。GitHub主页: https://github.com/daneden/an... 2.CSSh...

    CoorChice 评论0 收藏0
  • 前端必备资源大整理

    摘要:资源不断更新中。。。主页前端工具简介虽然不是第一个任务执行工具,它却很快成为了最受欢迎的。官方网站网易框架是网易推出的开源前端框架,提供了丰富代码库和插件,可以极大的帮助开发人员提高开发效率。 资源不断更新中。。。 动画库1.Animate.css说明:一个简单易用的跨浏览器CSS动画库。GitHub主页: https://github.com/daneden/an... 2.CSSh...

    xuhong 评论0 收藏0
  • JavaScript简介

    摘要:诞生于年,它的主要目的是处理以前由服务器端语言负责的一些输入验证操作。的不同版本又称为版次,以第版表示。目前最新的是简称文档对象模型文档对象模型,是针对但经过拓展用于的应用程序接口,。元素当浏览器不支持或被禁用时,显示里面的内容。 JavaScript诞生于1995年,它的主要目的是处理以前由服务器端语言负责的一些输入验证操作。 完整的JavaScript实现由下列三个不同的部分组成:...

    oogh 评论0 收藏0
  • 高程3总结#第1章JavaScript简介

    摘要:简介简史诞生于年,当时主要负责表单的输入验证。实现一个完整的由三部分组成核心文档对象模型浏览器对象模型就是对实现该标准规定的各个方面内容的语言的描述。把整个页面映射为一个多层节点结构。由万维网联盟规划。主要目标是映射文档的结构。 JavaScript简介 JavaScript简史 JavaScript诞生于1995年,当时主要负责表单的输入验证。 如果没有表单验证的功能,填入信息之...

    betacat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<