对于很多初学的小伙伴听到JavaScript内置对象、BOM、DOM、WEB API等关键词基本上都是迷糊,不是很明白他们之间的关系,以及他们是如果建立联系的。虽然我们现在小伙伴在学VUE,React等框架能简化我们的操作,但是遇到一些基础的问题还是要看基础,能为我们实际中解决一些问题提供更多的思路。接下来我们看一下JavaScript内置对象、BOM、DOM、WEB API都有包括哪些东西?

一、JavaScript内置对象,也是ECMAScript(ECMAScript是一种由Ecma国际,前身为欧洲计算机制造商协会—European Computer Manufacturers Association,通过ECMA-262标准化的脚本程序设计语言)的JavaScript实现,我们看一下JavaScript都有哪些内容:

二、Web API是WEB标准的实现,而WEB API又有JavaScript实现(具体的JavaScript对象类封装),当然WEB API主要有JavaScript实现,但也可能有例外,例如常用的WEB RTC在安卓平台有java实现,下面我们看一下WEB API都有哪些:

由JavaScript内置对象与WEB API的实现构成了WEB的全部内容,很多小伙伴有可能就不明白:都说了是web的全部内容怎么还是没有提到BOM和DOM?这里需要说明一下,首先我们说的是全部内容,并没有说全部实现,另外仔细观察上面WEB API图例就发现DOM属于WEB API的一部分。

三、BOM(Browser Object Model),即浏览器对象模型,可以理解为一个JavaScript运行的容器、环境,一切的JavaScript实现都在BOM里面,包括JavaScript内置对象,WEB API 的JavaScript实现等,首先看一下BOM都包括那些:

从上面我们知道Window作为BOM的最顶层对象,这是一个特殊的JavaScript对象,可以叫做全局对象,也叫宿主对象,它及其所有属性都可以在程序的任何地方访问。window对象除自身实现了一些方法例如window.open()等,JavaScript内置对象,WEB API的JavaScript实现包含于Window对象,这也是为什么叫做宿主对象的原因;而对于全局对象的解释,第一是最顶层的浏览器JavaScript对象,第二也是全局唯一的,第三我们不需要引入可以直接使用。

比如上面的代码,我们平日里面使用都是直接parseInt()函数NaN属性,console.log()等。

四、DOM即文档对象模型,是W3C制定的标准接口规范,是一种处理HTML和XML文件的标准API。我们从图三中可以看到DOM的实现根是document对象,同时又是全局对象Window的一个属性,也是一个全局属性,常用的比如document. getElementById()。

写到最后,小伙伴们应该了解了他们的关系以及联系,我们接下来章节具体的讲解JavaScript的根本Object,包括JavaScript内置对象,BOM,DOM以及WEB API等内容。

javascript对象包含哪些要素_让人迷糊的JavaScript对象(Object一)相关推荐

  1. javascript对象包含哪些要素_重学JavaScript 对象

    栏目为大家介绍JavaScript的对象,重新认识. 这里我们继续学习两个比较重要的类型,就是 Object 和 Symbol.我们主要讲的是 Object,相对 Object 来说 Symbol 只 ...

  2. javascript对象包含哪些要素_javascript有哪几种对象?

    JavaScript中支持3种对象:内置对象(原生对象),浏览器对象,自定义对象.下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 对象包含两个要素: 1.用来描述对象特性的一组数据,也就是若干变 ...

  3. 网页javascript加载不出_写给初学者的JavaScript异步编程和背后思想

    导读:对于接触JavaScript这门编程语言没有多久的本菜鸡而言,在相当长的一段时间内,我都完全无法理解这门语言中的异步编程,不明白什么叫异步编程以及为什么需要异步编程.为什么顺序执行程序就不行了呢 ...

  4. feignclient对象找不到_为什么我找不到对象呢,一个33岁大龄剩女的疑惑

    小木是我朋友,属兔今年33了.不仅我觉的她很优秀,周围的人也觉得她很优秀,但就是现在还单身.下面是她的疑惑. 我各方面条件都还行,为什么找不到对象呢? 性格:温和,善良,阳光,有主见.(对待事物有自己 ...

  5. javascript 中文帮助文档_实战式方法学习JavaScript(1)

    案例1:表格行悬停提示效果 [参考文献] 1.JavaScript前端开发模块化教材(人民邮电出版社)赵健保 2.https://www.w3cschool.cn/ 任务导入: 在Web标准中,HTM ...

  6. javascript等待异步线程完成_作为前端你了解JavaScript运行机制吗?

    作为前端工程师,大家都知道js是前端一开始就要学会的知识点,js的代码你会写了,那js的运行机制你了解吗?只有了解了js的运行机制,才能在工作中如鱼得水,今天就跟随珠峰的老师一起来了解下js的运行机制 ...

  7. java 对象的定义是_浅析Java编程中类和对象的定义

    1,什么是类? 答:类是客观存在的,抽象的,概念的东西. 2,什么事对象? 答:对象是具体的,实际的,代表一个事物.例如:车是一个类,汽车,自行车就是他的对象. 关于类与对象的描述:类是对象的模版,对 ...

  8. java简述会话对象的生命周期_简述Java Web三大作用域对象

    Java Web三大作用域对象 这三个对象的作用域和生命周期--从上往下依次递增: 上面最小,下面最大. 1.HttpServletRequest--请求对象 HttpServletRequest是生 ...

  9. json解析对象时指定解析_不解析,使用解析对象

    json解析对象时指定解析 将面向对象的后端与外部系统集成的传统方式是通过数据传输对象 ,这些对象在外出之前先序列化为JSON,然后在返回时反序列化. 这种方法很流行,而且是错误的. 序列化部分应该由 ...

最新文章

  1. 【转】 linux iio子系统
  2. C#和javascript的简单交互
  3. Hibernate中的核心接口query接口用法
  4. mysql越筛越少_面试官:为什么SELECT * 会导致查询效率低?
  5. win10安装docker desktop之后没有ADVANCED选项解决办法
  6. 《5G新体制天线技术》
  7. Flask入门之上传文件到本地服务器
  8. 编辑请求内容 Charles
  9. Android studio3.5调用Numcpp库方法
  10. Datasqueeze v2.0.7
  11. mysql 触发器 实例
  12. Windows 95 被做成了一款 app,我们在 MacBook 上体验了它
  13. 简单的限流保护电路图大全(六款简单的限流保护电路设计原理图详解)
  14. Python基础:什么是字符串?字符串是用来做什么的?
  15. 概念数据模型、逻辑数据模型、物理数据模型详解
  16. 深入浅出CChart 每日一课——快乐高四第二十课 七月流火,总复习之CChart多种编程模式
  17. QQ等级:QQ在线等级说明
  18. 实现socket监听所有网络命名空间
  19. 中文三元组联合标注工具LAnn介绍
  20. ★Kali信息收集~ 5.The Harvester:邮箱挖掘器

热门文章

  1. 多迪技术总监揭秘:PHP为什么是世界上最好的语言?
  2. python Gunicorn
  3. Android开发群
  4. 小议H.264技术发展趋势
  5. Java开发环境搭建详解
  6. Md5 Md5实现原理
  7. linux dhcp 服务(转)
  8. linux编译源码问题 环境变量的设置
  9. mardown 标题带数字_标题中带有数字的故事更成功吗?
  10. 谷歌 colab_如何在Google Colab上使用熊猫分析