学习路线-后端-前端基础-JavaScript

Love The Way You Lie 2022-12-03 12:51 175阅读 0赞

JavaScript是一种具有函数优先的轻量级、解释型或即时编译型的高级编程语言。虽然他是作为开发web页面的脚本语言而出名，但是他也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态的动态脚本语言，并且支持页面对象、命令式和声明式（如函数式编程）风格。

JavaScript在1995年由[Netscape][]公司的[Brendan Eich][]，在[网景导航者][Link 1]浏览器上首次设计实现而成。因为Netscape与[Sun][]合作，Netscape管理层希望它外观看起来像[Java][]，因此取名为JavaScript。但实际上它的语法风格与[Self][]及[Scheme][]较为接近。

JavaScript的标准是[ECMAScript][] 。截至 2012 年，所有[浏览器][Link 2]都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，[ECMA][]国际组织发布了[ECMAScript][]的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。

# 组成部分 #

ECMAScript，描述了该语言的语法和基本对象。

文档对象模型（DOM），描述处理网页内容的方法和接口。

浏览器对象模型（BOM），描述与浏览器继续宁交互的方法和接口

# 特点 #

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.  是一种解释性脚本语言（代码不进行[预编译][Link 3]）。
2.  主要用来向[HTML][]（[标准通用标记语言][Link 4]下的一个应用）页面添加交互行为。
3.  可以直接嵌入HTML页面，但写成单独的[js][]文件有利于结构和行为的[分离][Link 5]。
4.  跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如[Windows][]、[Linux][]、[Mac][]、[Android][]、[iOS][]等）。
5.  Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和[算术运算符][Link 6]及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
6.  可以实现web页面的人机交互。

# 用途 #

*  嵌入[动态文本][Link 7]于HTML页面。
 *  对浏览器事件做出响应。
 *  读写[HTML元素][HTML 1]。
 *  在数据被提交到服务器之前验证数据。
 *  检测访客的浏览器信息。
 *  控制[cookies][]，包括创建和修改等。
 *  基于[Node.js][]技术进行服务器端编程。

# 特性 #

1.  [脚本语言][Link 8]。JavaScript是一种解释型的脚本语言,C、[C++][C]等语言先[编译][Link 9]后执行,而JavaScript是在程序的运行过程中逐行进行解释。
2.  基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
3.  简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
4.  动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
5.  跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持。

不同于服务器端脚本语言，例如[PHP][]与[ASP][]，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。

而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。同时，有些特殊功能（如[AJAX][]）必须依赖Javascript在客户端进行支持。

# 版本 #

<table> 
 <tbody> 
  <tr> 
   <th>版本</th> 
   <th>发布日期</th> 
   <th>基于</th> 
   <th>Netscape Navigator</th> 
   <th>Mozilla Firefox</th> 
   <th>Internet Explorer</th> 
   <th>Opera</th> 
   <th>Safari</th> 
   <th>Google Chrome</th> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.0</td> 
   <td style="vertical-align:top;">1996年3月</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">2.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.1</td> 
   <td style="vertical-align:top;">1996年8月</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.2</td> 
   <td style="vertical-align:top;">1997年6月</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">4.0-4.05</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.3</td> 
   <td style="vertical-align:top;">1998年10月</td> 
   <td style="vertical-align:top;">ECMA-262 1 edition / ECMA-262 2 edition</td> 
   <td style="vertical-align:top;">4.06-4.7x</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">4.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.4</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">Netscape<br> 　　Server</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.5</td> 
   <td style="vertical-align:top;">2000年11月</td> 
   <td style="vertical-align:top;">ECMA-262 3 edition</td> 
   <td style="vertical-align:top;">6.0</td> 
   <td style="vertical-align:top;">1.0</td> 
   <td style="vertical-align:top;">5.5 (JScript 5.5),<br> 　　6 (JScript 5.6),<br> 　　7 (JScript 5.7),<br> 　　8 (JScript 6)</td> 
   <td style="vertical-align:top;">6.0,<br> 　　7.0,<br> 　　8.0,<br> 　　9.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.6</td> 
   <td style="vertical-align:top;">2005年11月</td> 
   <td style="vertical-align:top;">1.5 + Array extras + Array and String generics + E4X</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">1.5</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.0, 3.1</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.7</td> 
   <td style="vertical-align:top;">2006年10月</td> 
   <td style="vertical-align:top;">1.6 + Pythonic generators + Iterators + let</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">2.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.2, 4.0</td> 
   <td style="vertical-align:top;">1.0</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.8</td> 
   <td style="vertical-align:top;">2008年6月</td> 
   <td style="vertical-align:top;">1.7 + Generator expressions + Expression closures</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.0</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">11.50</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.8.1</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">1.8 + Native JSON support + Minor Updates</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.5</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.8.2</td> 
   <td style="vertical-align:top;">2009年6月22日</td> 
   <td style="vertical-align:top;">1.8.1 + Minor updates</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">3.6</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">1.8.5</td> 
   <td style="vertical-align:top;">2010年7月27日</td> 
   <td style="vertical-align:top;">1.8.1 + ECMAScript 5 Compliance</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">4</td> 
   <td style="vertical-align:top;">9</td> 
   <td style="vertical-align:top;">11.60</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
   <td style="vertical-align:top;">&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>版本</th> 
   <th>说明</th> 
   <th>实现</th> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">ECMA v1</td> 
   <td style="vertical-align:top;">标准化了JavaScript1.1的基本特性，并添加了一些新特性。没有标准化switch语句和正则表达式。</td> 
   <td style="vertical-align:top;">由Netscape 4.5和IE 4实现。</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">ECMA v2</td> 
   <td style="vertical-align:top;">ECMA v1的维护版本，只添加了说明</td> 
   <td style="vertical-align:top;">由Netscape 4.5和IE 4实现。</td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;">ECMA v3</td> 
   <td style="vertical-align:top;">标准化了switch语句、异常处理和正则表达式。</td> 
   <td style="vertical-align:top;">由Mozilla、Netscape 6和IE 5.5实现。</td> 
  </tr> 
 </tbody> 
</table>

[Netscape]: https://baike.baidu.com/item/Netscape
[Brendan Eich]: https://baike.baidu.com/item/Brendan%20Eich
[Link 1]: https://baike.baidu.com/item/%E7%BD%91%E6%99%AF%E5%AF%BC%E8%88%AA%E8%80%85/10404300
[Sun]: https://baike.baidu.com/item/Sun/69463
[Java]: https://baike.baidu.com/item/Java/85979
[Self]: https://baike.baidu.com/item/Self/4959923
[Scheme]: https://baike.baidu.com/item/Scheme
[ECMAScript]: https://baike.baidu.com/item/ECMAScript/1889420
[Link 2]: https://baike.baidu.com/item/%E6%B5%8F%E8%A7%88%E5%99%A8/213911
[ECMA]: https://baike.baidu.com/item/ECMA/1499618
[Link 3]: https://baike.baidu.com/item/%E9%A2%84%E7%BC%96%E8%AF%91
[HTML]: https://baike.baidu.com/item/HTML
[Link 4]: https://baike.baidu.com/item/%E6%A0%87%E5%87%86%E9%80%9A%E7%94%A8%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80
[js]: https://baike.baidu.com/item/js/10687961
[Link 5]: https://baike.baidu.com/item/%E5%88%86%E7%A6%BB
[Windows]: https://baike.baidu.com/item/Windows
[Linux]: https://baike.baidu.com/item/Linux
[Mac]: https://baike.baidu.com/item/Mac/173
[Android]: https://baike.baidu.com/item/Android/60243
[iOS]: https://baike.baidu.com/item/iOS/45705
[Link 6]: https://baike.baidu.com/item/%E7%AE%97%E6%9C%AF%E8%BF%90%E7%AE%97%E7%AC%A6/9324947
[Link 7]: https://baike.baidu.com/item/%E5%8A%A8%E6%80%81%E6%96%87%E6%9C%AC
[HTML 1]: https://baike.baidu.com/item/HTML%E5%85%83%E7%B4%A0
[cookies]: https://baike.baidu.com/item/cookies/187064
[Node.js]: https://baike.baidu.com/item/Node.js/7567977
[Link 8]: https://baike.baidu.com/item/%E8%84%9A%E6%9C%AC%E8%AF%AD%E8%A8%80
[C]: https://baike.baidu.com/item/C%2B%2B
[Link 9]: https://baike.baidu.com/item/%E7%BC%96%E8%AF%91
[PHP]: https://baike.baidu.com/item/PHP/9337
[ASP]: https://baike.baidu.com/item/ASP/128906
[AJAX]: https://baike.baidu.com/item/AJAX/8425