【从头学前端】01-什么是JavaScript

写在前面

Hello 大家好,我是 彼岸繁華,一个想进大厂的大三学生,为了有一个完整的前端知识体系,现在我们从头开始学习、梳理、总结。
编写不易,转载请获得允许

坚持写作的第一天(目标百天)。

JavaScript语言的简介

JavaScript首先是一门编程语言,这门语言是一门弱类型、基于原型的直译式脚本语言,运行于JavaScript解释器/引擎,所谓的脚本语言script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。

JavaScript解释器/引擎最早是浏览器核心的一部分,广泛地被用来支持客户端的脚本语言(不仅包含 JavaScript 语言),最早是支持HTML页面的运行。

JavaScript语言本身提供的核心语法并不算多,只能用来做一些数学和逻辑运算。一些复杂的操作,例如 I/O(输入/输出),JavaScript并不提供相关的API,都是由宿主环境去提供。常见的宿主环境有如下两种:

  • 服务端环境,也就是Node环境
  • 浏览器环境

JavaScript的核心语法比较单一,仅仅包含两个部分,分别是:基础语法(比如运算符、语句和数据类型)和标准库(所谓的标准库就是具有各种功能的对象比如ArrayDateMath等)。其他的操作全部需要依赖宿主管径额外提供的API,以便JavaScript使用。

JavaScript的前世今生

JavaScript诞生于1995年,其主要的作用是用来替代之前由服务器端语言(如Java语言等)负责的一些输入验证等操作。但JavaScript的发展历史远不止于此,如下所示:

  • 1992 年,Nombas公司为自己的CEnvi软件开发了一款脚本语言ScriptEase,可以嵌入在网页中。
  • 1995 年, Netscape公司为自己的Navigator2.0浏览器开发了另一种客户端脚本语言Livescript,后来因为Netscape公司与SUN公司合作,NetScape公司的管理层希望该语言看起来像Java语言,因此后改名为JavaScript。
  • 1996 年,Microsoft公司为了取得技术上的优势,在IE3 中加入了JScript(为避开JavaScript的版权问题)。
  • 1997 年,JavaScript 1.1作为草案提交给ECMA(称为 European Computer Manufacturers Association,译为欧洲计算机制造商协会),完成了 ECMA-262 —— 定义了名为ECMAScript的脚本语言标准。
  • 1998年6月,ECMAScript 2.0版发布。
  • 1999年12月,ECMAScript 3.0版发布,成为 JavaScript 的通行标准,得到了广泛支持。
  • 2009年12月,ECMAScript 5.0版发布。
  • 2011年6月,ECMAScript 5.1版发布,并且成为ISO国际标准(ISO/IEC 16262:2011)。到了2012年底,所有主要浏览器都支持ECMAScript 5.1版的全部功能。
  • 2015年6月,ECMAScript 6正式发布,并且更名为“ECMAScript 2015”。从这以后计划以后每年发布一个ECMAScript的版本,下一个版本在2016年发布,称为“ECMAScript 2016”,2017年发布“ECMAScript 2017”,以此类推。

JavaScript的组成部分

虽然大部分经常把 JavaScript 和 ECMAScript 划为同一个概念,但实际上 JavaScript 语言所包含的内容要比 ECMAScript 多得多。这是因为JavaScript是ECMAScript的一种实现。完整的JavaScript语言(浏览器)其实是由三个部分组成的,如下所示:

  • ECMAScript:JavaScript语言的核心,是ECMA-262标准化的脚本语言的名称。
  • DOM:全称为Document Object Model,译为文档对象模型,是用来W3C组织制定的标准接口规范。
  • BOM:全称为Browser Object Model,译为浏览器对象模型,提供了一系列对象可以与浏览器窗口进行交互。

ECMAScript

ECMAScript是一种语言规范,其内容内容包含了语法、类型、语句、关键字和操作符等内容。

文档对象模型(DOM)

DOM是一个简写,其全称为Document Object Model,译为文档对象模型,是针对XML但经过扩展用于HTML的应用程序编程接口。

DOM会把整个HTML页面映射为一个多层的节点结构,HTML页面中的每一个组成部分都是这个节点结构中的某种类型的节点。

如下示例代码展示了简单的 HTML 页面源代码:





  
  
  
  DOM示例



  

这是一个页面示例

上面的代码结构由VScode自动生成

DOM映射上述HTML页面为一个节点结构如下所示:

![]()

浏览器对象模型(BOM)

BOM同样是一个简写,全称为Browser Object Model,译为浏览器对象模型,是允许开发人员访问和修改浏览器窗口的对象集合。

BOM提供了一系列与浏览器窗口进行互动的对象,如下所示:

  • window对象:代表浏览器窗口,可以修改浏览器窗口显示的大小等功能。
  • navigator对象:该对象提供了当前浏览器的详细信息,包含了浏览器名称、浏览器版本、当前操作系统信息等。
  • screen对象:代表当前显示器,提供了用户显示器分辨率等信息。

JavaScript的应用

JavaScript语言最初的作用是运行在浏览器中,完成浏览器窗口中输入验证的一些操作。但JavaScript发展到目前为止,已经远不止于此。JavaScript的应用主要如下:

  • 运行在客户端,这里的客户端主要指Web浏览器。
  • 运行在服务端,这里的服务端主要指Node环境。
  • 物联网,可以通过国产厂商推出的Ruff.js来实现。
  • 人工智能,可以通过Google公司提供的TensorFlow开发框架。
  • 各种小程序,现在很火的各种客户端的小程序就是通过JavaScript来编写用户脚本的。
  • 数据库操作,自从有了NoSQL数据库这个概念之后,大部分 NoSQL 数据库允许 JavaScript 直接操作。

JavaScript的优点

JavaScript的优点可以总结为以下几点:

  • 具有操作浏览器的能力,这个也是JavaScript最主要的作用。
  • 具有广泛的应用范围,正如我们前面所介绍的这样。
  • 具有比较强大的性能,这是因为JavaScript语法灵活表示力更强,还有就是可以事件驱动和非阻塞式设计。

JavaScript的运行环境

JavaScript中具有两种比较常见的运行环境,具体如下:

  • 独立的Node运行环境:也就是在运行的设备上安装一个独立的Node.js,具体安装也非常的简单具体如下:

    1. 打开浏览器,在地址栏中输入 https://nodejs.org/en/,访问Node.js的官网网站。
    2. 选择一个适合的版本
    • LTS版本:这个版本是Node.js长期支持版本。建议使用这个版本!
    • Current版本:这个版本是 Node.js 目前的最新版本。
    1. 下载之后一直点击下一步安装即可完成。
    2. 最后打开命令行/终端工具输入node -v命名,来验证是否安装成功。如果安装成功会打印node.js的版本号。
    3. 使用的话直接node JavaScript脚本的路径命令即可。
  • 各个浏览器集成的环境,其实现在主流浏览器都已经支持了JavaScript运行环境,这里推荐使用Chromium内核的浏览器,例如最新版的Edge浏览器和Chrome浏览器。浏览器中运行JavaScript脚本的位置处于【开发者工具】→【控制台】

    进入【控制台】的常用途径如下:

    • 直接进入:按下Ctrl + Shift + J
    • 开发者工具进入:开发者工具的快捷键是 F12,或者Ctrl + Shift + I,然后选择 Console 面板

现在我们就可以来运行下面这段代码:

function sayMe (name) {
  console.log('Hello ' + name);
}

sayMe('彼岸繁華')

总结

通过本节我们主要学习了如下内容:

  • JavaScript是一个弱类型的编程语言,以及JavaScript和ECMAScript的区别和历史。
  • JavaScript的组合部分。
  • JavaScript优点应用以及运行环境。

下篇我们将来学习JavaScript的语法结构

你可能感兴趣的:(【从头学前端】01-什么是JavaScript)