登录  /  注册
首页 > web前端 > js教程 > 正文

一文谈谈JavaScript和ECMAScript的关系

青灯夜游
发布: 2020-07-06 10:15:50
转载
1729人浏览过

一文谈谈JavaScript和ECMAScript的关系

JS和ES

每一个学习JS的同学都听说过ES5,ES6,但是,是否所有的同学都清除的知道他们之间的关系呢?我们通常认为这两个是一个东西,事实上他们的关系如下:

从上面的图中我们清除的看到,他们不是并列关系,而是包含关系,那么下面就分别介绍一下

ECMAScript

核心,它本身并没有输入和输出的定义,这门语言和浏览器也没有依赖关系。浏览器只是提供了语言的宿主环境,同时提供了这门语言的实现以及一些本地化的扩展。

既然浏览器是宿主环境,那就还存在别的宿主环境:比如Node,比如Adobe Flash

ECMAScript规定了这门语言的:

  • 语法
  • 类型
  • 语句
  • 关键字
  • 保留字
  • 操作符
  • 对象

这就说明,我们也可以写一门语言作为ECMAScript的实现,就像JavaScript一样,我们只需要:

  • 支持ECMAScript描述的所有类型 值 对象 属性 函数 以及程序语法和语义
  • 支持Unicode

注意:

  • JSON对象是原生ECMAScript支持的

DOM 文档对象模型

在浏览器中,基于ECMAScript实现的DOM已经成为了JS这门语言的重要组成部分
DOM就是通过HTML描述的,页面元素的树状结构对象,就是下面这个东西:
在这里插入图片描述
我们需要注意这么几个概念:

  • DOM是一种标准,这种标准规定了如何通过HTML来映射对象,以简化对于HTML中表达的各个节点的操作
  • ECMAScript和DOM的关系是:浏览器中用符合ECMAScript标准的语言实现了DOM标准
  • 可以使用别的语言实现DOM

DOM规定了下面这些东西:

  • HTML映射对象,对象的操作
  • 鼠标,用户事件等
  • CSS样式接口
  • 遍历文档树的接口

BOM 浏览器对象模型

DOM对象是页面中,用HTML编写的元素的映射,而BOM对象是浏览器对象的映射,通过BOM,我们可以且不限于可以做下面的事情:

  • 弹出新的窗口
  • 移动 缩放 关闭浏览器
  • 支持cookies
  • 获得 window 或者 navigator对象

目前BOM的标准由HTML5才有标准可以遵循,所以之前各个浏览器中对于BOM功能的支持都不尽相同,有了HTML5,BOM在未来的某一天会真正的统一。

ES6

  • ES6已经在2015年6月正式发布

  • 各个网站对于ES6的语法支持程度不一样

  • 需要查询宿主环境对于ES6的支持可以使用工具

  • 需要查询浏览器对于ES6的支持可以访问网页
  • 如果不想面对不同宿主环境对于ES6兼容性的问题,可以使用ES6转ES5转换器 Babel 或 Traceur

相关教程推荐:JavaScript视频教程

以上就是一文谈谈JavaScript和ECMAScript的关系的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:csdn网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号