JS起源与简介

序言

随着学习的不断深入,感觉学的知识显得凌乱无章、多而不精;故而想重新开始花时间梳理一下自己的前端知识框架,以便更好的巩固知识体系。首先从JS基础开始,本篇内容主要讲解 JS的起源于简介,具体详细内容会慢慢更新。下面就让我们一起来了解这门语言吧!

一、前言

首先我们先来了解一下JavaScript的前身,JavaScript的创造者是布兰登·艾克(Brendan Eich)就职于网景(Netscape)公司,仅用了10天就创造了这门语言(大佬的世界我不懂)。JavaScript原本名为LiveScript,在1995年2月发布时为了蹭一波Java的热度便改名为JavaScript。在JavaScript 1.0获得巨大成功后,蹭热度二号选手微软来了,在internet Explorer 3中加入了名为 JScript(这也就导致了低版本之间js语法兼容性的问题)。随着网景与微软不断的竞争,导致JavaScript没有明确的一个标准,1997年由欧洲计算机协会(ECMA)来制定语法标准。这个时候JavaScript才逐渐走向标准化。

二、组成

很多人会把JavaScript与ECMAScript认为是一个东西,其实他们之间是一个包含关系,完整的JavaScript组成应该是由三个不同部分组成而来的:

  • 核心(ECMAScript语法)
  • 文档对象模型(DOM树)
  • 浏览器对象模型(BOM)

所以咱们现在了解到的ES5与ES6其实就是ECMAScript标准的不同版本,ES5泛指的是2015年以前的ECMAScript语法;ES6指的是2015年新更新的语法由于更改内容较多,所以称为ES6。

三、ECMAScript

ECMAScript是我们主要学习的语法知识,下面我 简称为ES5(后面会主要讲解ES6知识)它主要包含一下内容:

  1. 语法
  2. 数据类型
  3. 语句与循环
  4. 运算符
  5. 关键字和保留字
  6. 对象

web浏览器只是ES5语法实现的宿主环境之一,随着JS的发展,也同样可以运行在服务端。但是后面我们主要还是一个web浏览器为主要学习点,强大的浏览器控制台就是我们很好的编辑器。

四、DOM

文档对象模型(DOM,Document Object Model)是针对XML但经过扩展用于HTML的应用程序编程接口。XML相信学过PHP的对此不陌生,也是一种早期的可扩展标记语言。上面说了DOM是JavaScript的组成部分,但不能说DOM只属于JavaScript,很多其他语言也实现了DOM;不过在web浏览器中基于ECMAScript实现的DOM成为了JavaScript的重要组成部分。

我们可以通过DOM来控制页面内容的结构,通过DOM的API可以轻松的对页面元素进行删除、添加、查找、替换和修改任何节点,以及做出更加炫酷的交互效果。详细的API介绍后面会着重记录,敬请期待!

五、BOM

浏览器对象模型(BOM,Browser Object Model)是支持访问和操作浏览器窗口的模型对象。可以通过使用BOM控制浏览器显示页面,以及浏览器的显示信息等等。

正是因为它是针对于浏览器所构造的,所以它也就算作是JavaScript的一部分。下面就包含的内置的一些扩展功能:

  • window(浏览器对象)
  • location(加载页面详细信息对象)
  • navigator(浏览器详细信息对象)
  • screen(浏览器显示器分辨率详细信息)
  • history(浏览历史对象)

六、Hello Word

任何一门语言入门学习都需要先来一句Hello Word 打印语句,而在JS的世界中这个及其简单。你只需要打开浏览fn + f12打开浏览器控制台输入:

alert('Hello Word');
// 回车即可(具体代码含义后面会介绍到)

就介绍到这里啦!欢迎大家踊跃交流讨论,有问题请留言指出谢谢

猜你喜欢

转载自blog.csdn.net/IO14122/article/details/126964164