javascript要学哪些—学javascript需要什么基础 收藏 0

JavaScript 简史

作者 | 泰斗贤若如

来源 | 泰斗贤若如

这次写一篇对于JavaScript的简介，我们知道的编程语言有很多种，比如Java、C++、Python等等，每种编程语言都有其独具的特色，不论是语法格式还是表达形式，都能让每个程序员沉淀在知识的海洋里难以自拔。

即每种编程语言都有无限的延展性，但如果我们考虑问题的时候追溯其根源，其实也不难发现每种编程语言都具有共同的初心，最直白的话就是人与计算机进行沟通的语言，在现实生活中，见什么人说什么话我们都很清楚，那在与计算机沟通的世界中，做什么事用什么编程语言沟通也是同样的道理，前提就是我们要了解这些编程语言，在你需要选择的时候做出正确的判断，这也正是我写此篇文章的意义。

在1994年，当时的网景公司（Netscape）凭借Navigator这个浏览器成为了Web时代开启最著名的第一代的互联网公司。当时所用的第一版本的浏览器就是下图中的浏览器，相信有很多年轻朋友都没有见过这种浏览器。如果大家回想十年前或是十五年前，大家用的浏览器应该是IE浏览器，那个时候的浏览器跟现在的比如说谷歌浏览器、火狐浏览器等相比而言，那就是天壤之别了。

这个最早版本的浏览器，整个浏览器都是静态的，也就是用HTML和CSS写的，并没有像今天的各种浏览器一样具有各种各样的动态效果了，比如像网页的图片轮播、鼠标悬浮切换等效果。

网景公司就想在原来的静态页面的基础上添加一些动态的效果，这时候网景公司出来一个很牛的人物叫布兰登·艾奇，他用不到两周的时间就设计出了能在网页上实现动态效果的编程语言。

他设计出实现网页动态效果的编程语言，并将其编程语言命名为JavaScript。

为什么会命名为JavaScript呢？原因是在当时，Java非常火，网景公司希望借用Java在当时的名气来进行推广。其实事实上呢，JavaScript除了语法上有点像Java外，别的地方都跟Java没有任何关系。

从上面讲的JavaScript的由来中，我们就知道JavaScript由网景公司的布兰登·艾奇开发出来的，一年后，微软又模仿JavaScript开发出了一种编程语言叫JScript,再后来，陆续又有别的商家推出JavaScript的不同实现语言。这就导致JavaScript的语法和特性日益混乱，其标准化问题被提上日程。最终由欧洲计算机制造商协会（ECMA）以JavaScript1.1为蓝本，制定了【ECMA-262】标准，并由此标准定义了一种新脚本语言ECMAScript。随后，ISO也采用ECMAScript作为标准，各浏览器厂商便纷纷开始将ECMAScript作为各自JavaScript实现的基础。

那到底JavaScript和ECMAScript有什么关系呢?

ECMAScript其实并不等同于JavaScript，它只是JavaScript的核心标准（语法、类型、语句、关键字、保留字、操作符、对象），而JavaScript还包括文档对象模型（DOM）和浏览器对象模型（BOM）等。其中各主流浏览器对ECMAScript的支持都还不错，但对DOM的支持相差较大，对于BOM一直没有相关标准。最后再简单总结一下就是：ECMAScript是一种语言标准，JavaScript是对ECMAScript的一种实现。

• 1997年06月 :发布首版。

• 1997年06月:修改规范完全符合ISO/IEC 16262国际标准。

• 1998年6月，ECMAScript 2.0版发布。

• 1999年12月，ECMAScript 3.0版发布，成为JavaScript的通行标准，得到了广泛支持。

• 1999年12月:增加正则、更好的文字处理、新的控制语句、try/catch异常处理、更加明确的错误定义，数字输出格式等等。放弃发布。

• 2007年10月，ECMAScript4.0版草案发布，对3.0版做了大幅升级，预计次年8月发布正式版本。草案发布后，由于4.0版的目标过于激进，各方对于是否通过这个标准，发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司，反对JavaScript的大幅升级，主张小幅改动；以JavaScript创造者Brendan Eich为首的Mozilla公司，则坚持当前的草案。

• 2008年7月，由于对于下一个版本应该包括哪些功能，各方分歧太大，争论过于激进，ECMA开会决定，中止ECMAScript 4.0的开发，将其中涉及现有功能改善的一小部分，发布为ECMAScript3.1，而将其他激进的设想扩大范围，放入以后的版本，由于会议的气氛，该版本的项目代号起名为Harmony（和谐）。会后不久，ECMAScript 3.1改名为ECMAScript 5。

• 2009年12月:完善了ECMASript 3版本、增加\”strict mode,\” (严格模式)、以及新的功能，如getter和setter、 JSON库支持和更完整的对象属性。ECMAScript 5.0版正式发布。Harmony项目则一分为二，一些较为可行的设想定名为JavaScript.next继续开发，后来演变成ECMAScript 6；一些不是很成熟的设想，则被视为JavaScript.next.next，在更远的将来再考虑推出。

• 2011年06月:ECMAscript 5.1版发布，并且成为ISO国际标准（ISO/IEC 16262:2011）。

• 2013年3月，ECMAScript 6草案冻结，不再添加新功能。新的功能设想将被放到ECMAScript 7。

• 2013年12月，ECMAScript 6草案发布。

• 2015年06月:第六版的名字有很多，可以叫ECMAScript6 (ES6) ，也可以叫ECMAScript 2015 (ES2015) 。

• 2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。

• 2016年06月:也被称为ECMAScript 2016。完善ES6规范，还包括两个新的功能:求幂运算符(*) 和array.prototype.includes方法。

• 2017年06月:增加新的功能，如并发、原子操作、Object.values/Object.entries、 字符串填充、promises、 await/asyn等等。

JavaScript的三个主要组成部分是：ECMAScript(核心)，DOM（文档对象模型），BOM（浏览器对象模型）。

ECMAScript(核心)

【ECMA-262】并没有参照web浏览器，规定了语言的组成部分，其具体内容包括语法、类型、语言、关键字、保留字、操作符、对象等。

ECMAScript的兼容：

1. 支持【ECMA-262】描述的所有“类型、值、对象、属性、函数以及程序语法和语义” 。

2. 支持Unicode字符标准。

3. 添加【ECMA-262】没有描述的更多“类型、值、对象、属性和函数”，【ECMA-262】说的这些新增特性，主要是指该标准中没有规定的新对象和对象的新属性。

4. 支持【ECMA-262】中没有定义的“程序和正则表达式的语法”。也就是说可以修改和扩展内置的正则表达式语法。

DOM（文档对象模型）

文档对象模型(DOM)是针对XML但经过扩展用于HTML的应用程序编程接口（API）。DOM把整个页面映射为一个多层次节点结构。HTML或者XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。

其实说白了，文档对象模型(DOM)就是操作网页上的那些标签，来实现动态的效果。

在DOM中，页面一般可以用分层节点图表示：

DOM级别：

• DOM1级于1998年10月成为W3C的推荐标准。BOM1由两个模块组成分别是DOM core和DOM HTML。

• DOM core：规定如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。

• DOM HTML：在DOM core的基础上加以扩展，添加了针对HTML的对象和方法。

• DOM2级在原来DOM的基础上有扩充了鼠标和用户界面事件、范围、遍历等细分模块，通过对象接口增加了对css的支持。包括以下模块：

1. DOM Views（DOM视图）：定义了跟踪不同文档视图的接口。

2. DOM Events（DOM事件）：定义了事件与事件处理的接口。

3. DOM Traversal and Range(DOM遍历和范围)：定义了遍历和操作文档的接口。

• DOM3级则进一步扩展了DOM，引入了加载和保存模块以统一方式加载和保存文档的方法；新增了DOM验证模块主要还是验证文档的方法。

BOM（浏览器对象模型）

浏览器对象模型(BOM)是处理浏览器窗口和框架，我们习惯上把所有针对浏览器的JavaScript扩展算作是BOM的一部分。包括以下：

1. 弹出新浏览器窗口的功能。

2. 移动、缩放和关闭浏览器窗口的功能。

3. 提供浏览器所加载页面的详细信息的navigator对象。

4. 提供浏览器所加载页面的详细信息的location对象。

5. 提供用户分辨率详细信息的screen对象。

6. 对cookies的支持。

7. 像XMLHttpRequest和IE的ActionXobject这样的自定义对象。

浏览器对象模型(BOM)其实很简单，它包含了当前浏览器上的一些操作，比如说像关闭按钮、刷新按钮、前进和后退按钮等等。

综上来说，JavaScript就包含了以上这三部分内容，第一部分就是核心基础语法，这是非常非常重要的东西，有了核心基础的铺垫，我们才能后续的学习文档对象模型(DOM)和浏览器对象模型(BOM)。文档对象模型(DOM)就是操作一些网页上的一些标签元素，来实现网页上的动态效果。

而浏览器对象模型(BOM)就是像比如说滚动的行为，点击回到顶部，还有刷新，前进，后退等操作。这些特性就是我们需要了解的内容，在你后续进行详细学习的时候，就带着这些特性疑问去学习，会有事半功倍的效果。

小白如何快速入门JavaScript？6分钟带你看懂快速学习的六大步骤

JavaScript（通常缩写为JS）是一种解释型、面向对象、多范式的高级编程语言。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）支持。

JavaScript是世界上最流行的脚本语言，因为它很容易上手，而且学习到它的精髓之后还可以编写高质量的代码，这就是我推荐给初学者学习的主要原因。今天就带大家来学习JavaScript。这是当年我学习JavaScript的六大步骤，希望对你也有帮助：

1.学习JavaScript基础语法：

古人常道：“万丈高楼平地起”，意思大概是再高的大厦都要从平地开始修建，学习JavaScript也是一样，想要学好它就一定要把基础先打牢，学习JS的第一步是JavaScript基础语法。

首先，你要了解async和defer之间的区别，然后，深入学习代码语法知识，例如变量，数据类型，循环和条件语句，函数，匿名函数，闭包，阵列和关联阵列，事件，正则表达式，promises。

注意语法顺序一定要准确！上述举例如果有遗漏的，大家可以在评论区留言。此外，我个人推荐你学习如何使用Chrome DevTools调试，因为Chrome DevTool是远程调试JS最好的工具。

2.学习面向对象编程：

当你具备一定的JavaScript基础语法后，你应该转向学习面向对象编程（OOPs）。OOPs是JS和其他编程语言中最重要的概念。JS中的OOPs是基于原型继承链上运行的，不像Java或C++是基于对象或类继承。

然而，关于元数据，你可以在学习了OOPs之后再转到学习元数据编程。虽然元数据很好学，但它并不是JS中最重要的部分。我相信，你可不会喜欢JS带来的意外“惊喜”。

3.学习测试QA：

测试代码和调试JS一样重要！你可能听说过TDD(测试驱动开发)或BDD(行为驱动开发)这样的词，但到底是什么意思呢？简而言之，TDD是指写一个未通过的测试用例，然后让测试通过，最后重构。

而BDD则是根据业务，编写具体的例子和自动化的测试，通过探索，发现，定义，最后推出软件所需的行为。BDD和TDD之间没有本质的区别。把它们组合在一起的是，它们都需要一群人，指定软件在执行之前应该如何协同行动。

4.学习jQuery：

jQuery是一套跨浏览器的JavaScript库，它的特点是动态性和互动性。它使用起来十分方便，就jquery本身而言，你经常会遇到如何将AJAX与jQuery整合的问题。AJAX是什么？举个例子来说吧，

「当你在百度浏览器中输入一个关键词，不用刷新便可得到关于词条的一些内容，这就是AJAX」

AJAX是Asynchronous JS and XML的缩写，它主要处理的是与HTML和CSS不同步的请求而产生的问题。

5.学习框架

现在，你已经了解了jQuery，JS基础语法，AJAX，Chrome DevTools，测试QA。以下的是你们现在真正应该学习的内容——框架：

React：

React的前身是React.JS。React最初是由Facebook和少数个人以及一个小社区开发的，但随着时间的推移，React进行了多次的优化，现在它变成了很有意思而且功能很强大的代码，也很容易学习。我个人是十分推荐你学习React的。日后，你可以用React以组件的形式在网页中开发用户界面。

Angular：

Angular在某方面和React非常相似，不过你可以用Angular以组件的形式编写SPA。它是现在IT行业前端开发方面需求量最大的语言。Angular其实是JS框架，基本上意味着它是用JS编写的。

你可以在每个浏览器的各个角落遇见JS，这也侧面证实了JS功能十分强大，也十分有用。我强烈建议你既要学习React，也要学习Angular。

Node.JS：

Node.JS是在服务器端编写JS的框架。用Node.JS写的代码或API的速度快得离谱，而且Node.JS还可以同时处理多个请求。不像其他后端语言，很少有公司在Node.JS上实现了他们的服务器。

它是服务器端语言的未来，在Node中实现的大型Web应用程序的可扩展性和部署方面存在一些问题，所以现在我不会称它为服务器端语言的主角。

Express.JS：

和上文所述的框架一致，它也是一个功能强大的框架。Express.JS简称Express，它是针对Node.JS的web应用框架，在MIT许可证下作为自由及开放源代码软件发行。它被设计来建造web应用和API。

同样它也是由用JS编写的，我个人建议如果你在学习Node.JS，那么一定要把Express.JS也掌握好。

6.学习库

框架学习也结束了，下面正是学习JavaScript之路上至关重要的最后一点。学习一段时间后，你可能绞尽脑汁想写好代码，而且明明思路很清晰，却只能写出一点点代码。这时候你就该使用这个库了，我并没有推广库的想法，而是真心希望你可以拥有非常有趣的学习和使用经历。

Coffee.Script：

Coffee.Script与JS功能类似，但它有一个好处就是没有分号，括号，双引号，甚至是大括号的杂乱和麻烦。当你学习了JS的基础语法，搭建完众多框架，再学习coffee.script，你就会意识到它有多么的很简单。正因为它十分容易编写，所以我真的很推荐你们进行学习。

当你开始学习时也可以使用JS文档访问JavaScript，并且不要害怕一路上承担一些项目。完全不需要担心，项目会给你带来的挑战，项目的一次次完成会带给你不一样的新鲜感和信心，只有突破重围才会看到崭新的自己。记住明天的你会感激现在拼命的自己，当你精通JS之时，任何挑战都没有办法限制你学习。

如果你对这篇文章有任何感悟或想法，可以在评论区留言。我个人对编码充满了激情，我认为每个人都应该学习它，而不是敬而远之。衷心地祝原你在编码的路上越走越稳，越走越快，越走越远。到那时你虽已是码农，但你仍要牢记学习，从中得到启发，并走向更美好的明天。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com