前端基础-JavaScript介绍

第1章 JavaScript介绍

1.1 JavaScript编程语言

JavaScript，简称JS，是一种客户端脚本语言，主要用来向HTML网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）

JS主要运行于客户端（浏览器），也可以运行在服务端（操作系统）

JavaScript 和 Java 是两种不同的编程语言：JavaScript主要用于客户端，Java用于服务端。

JavaScript现在的意义(应用场景)

JavaScript 发展到现在几乎无所不能。

1. 网页特效 *
2. 服务端开发(Node.js) *
3. 命令行工具(Node.js)
4. 桌面程序(Electron)
5. App(Cordova)
6. 控制硬件-物联网(Ruff)
7. 游戏开发(cocos2d-js)

1.2 发展及历史

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tU04zWpF-1585184883216)(./img/1.1.1.png)]

1994年Netscape公司推出免费版本浏览器 Netscape Navigator(网景浏览器1.0) 1995年微软公司发布 Internet Explorer 1.0。 1995年网景公司为适应市场变化，需要开发一门专门在浏览器运行的脚本语言，这个任务交给了布兰登，为了应付公司安排的任务， 他只用10天时间就提交了工作，并将这门语言命名为 LiveScript; 后来为了蹭sun公司java的热度,与sun公司合作，将其临时改名为“JavaScript”; 1996年8月，微软模仿JavaScript开发了一种相近的语言，取名为JScript，首先内置于IE 3.0 1997年7月，ECMA组织发布ECMAScript 1.0版； 此后，明争暗斗不断，1998年6月，ECMAScript 2.0版发布，1999年12月，ECMAScript 3.0版发布； 2007年10月，ECMAScript 4.0版草案发布，2008年7月中止ECMAScript 4.0的开发，并发布3.1版本； 会后不久，ECMAScript 3.1就改名为ECMAScript 5。 2011年6月，ECMAscript 5.1版发布，现在使用最为广泛的版本 版发布，现在使用最为广泛的版本； 2015年6月，ECMAScript 6正式发布，并且更名为“ECMAScript 2015”； 随后，ECMA组织决定，每年发布一个升级版本，以年号来代替版本号，如：ECMAScript 2016、ECMAScript 2017；

另外： 1996年，样式表标准CSS第一版发布； 1997年，DOM模式第一版正式应用，目前的通用版本是DOM3，下一代版本DOM 4正在拟定中。 1999年，IE5部署了XMLHttpRequest接口，允许JavaScript发出HTTP请求； 2001年，提出了JSON格式，用于取代XML格式。 2002年，Mozilla项目发布第一版Firefox。 2003年，苹果公司发布了Safari浏览器的第一版。 2006年，jQuery函数库诞生 2007年，Webkit引擎在iPhone手机中得到部署； 2008年，为Chrome浏览器而开发的V8编译器(解析引擎)诞生； 2009年，基于V8解析引擎的Node.js项目诞生,迎来前后端JS的霸权时代； 2009年，Google发布Chrome OS 2009年，Google发布Angular框架； 2013年，Mozilla基金会发布手机操作系统Firefox OS，该操作系统的整个用户界面都使用JavaScript； 2013年5月，Facebook发布UI框架库React； 2014年，尤雨溪发布开源前端开发库Vue.js； 2015年3月，Facebook公司发布了 React Native项目；

1.3 JavaScript和HTML、CSS

1. HTML：提供网页的结构，提供网页中的内容
2. CSS: 用来样式排版、美化网页
3. JavaScript: 可以用来控制网页内容，给网页增加动态的效果 ​

1.4 JavaScript的组成

ECMA 欧洲计算机制造联合会； ECMAScript 是一套标准，定义了一种语言的标准，规定了基本语法、数据类型、关键字、具体API的设计规范等，解析引擎设计的参考标准，但与具体实现无关；

在这里插入图片描述

1.4.1 ECMAScript - JavaScript的核心

ECMAScript是一套语法标准，描述了JavaScript语言的基本语法和数据类型，是JavaScript的核心。 ES5 ES6

1.4.2 BOM - 浏览器对象模型

一套操作浏览器功能的API

通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

1.4.3 DOM - 文档对象模型

一套操作页面元素的API

DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

1.5 JS学习概况

我们在学习JS时，需要学习的内容分为两部分，语言结构及宿主环境提供的API；

语言结构部分主要时语言规则及内置对象；

而宿主环境的API，根据宿主环境不同而不同，以浏览器为例(js还可以运行在服务器/操作系统)，最常见的三个类型： 浏览器控制类、DOM操作类、网络控制类；

在这里插入图片描述

总结： JavaScript编程语言简称 JS，是一种嵌入式的脚本语言，应用范围及其广泛，由布兰登-艾奇开发，在20+年的发展中历经沧桑，学习 JS 分为语言规则及宿主环境两部分；