JavaScript是前端工程师必需要熟练掌握的一门技术,在开发中我们写的最多的就是JavaScript,在面试中也有被问到,而JavaScript也是前端入门的第一道门槛,现在我们先来谈谈JavaScript的发展历史。

历史

谈到JavaScript我们就要从浏览器开始说起。
1994年网景公司发布了第一版本的网页浏览器并且在四个月内迅速占领了四分之三的市场,之后公司的创始人马克·安德森认为HTML需要一种胶水语言,让网页设计师和兼职程序员可以很容易地使用它来组装图片和插件之类的组件,且代码可以直接编写在网页标记中。
1995年,网景招募了布兰登·艾克,目标是把Scheme语言嵌入到Netscape Navigator浏览器当中,但是在此之前网景已经跟昇阳合作在Netscape Navigator中支持Java,所以网景公司决定发明一种与java搭配使用的辅助脚本语言,并且在语法上有些类似,这个决策导致排除了采用现有的语言。而布兰登·艾克在1995年5月仅花了十天时间就把原型设计出来了。最初的名字被命名为mocha之后改为Livescript然后再改成JavaScript,当时网景公司与昇阳电脑公司组成的开发联盟为了让这门语言搭上Java这个编程语言“热词”,因此将其临时改名为JavaScript,日后这成为大众对这门语言有诸多误解的原因之一。
JavaScript推出后就在浏览器上大获成功,不久之后微软就为IE3推出了Jscript,来与网景竞争,发展初期,JavaScript的标准并未确定,同期有网景的JavaScript,微软的JScript双峰并峙。除此之外,微软也在网页技术上加入了不少专属对象,使不少网页使用非微软平台及浏览器无法正常显示,导致在浏览器大战期间网页设计者通常会把“用Netscape可达到最佳效果”或“用IE可达到最佳效果”的标志放在主页,随着IE4的发布,微软引入了动态HTML的概念,但语言实现和不同专有化的文档对象模型的差异仍然存在,成为网络上普及使用JavaScript的阻碍。之后干不过微软的网景在1996年11月向ECMA提交了语言标准,1997年6月,ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。JavaScript成为了ECMAScript最著名的实现之一,除此之外,ActionScriptJScript也都是ECMAScript规范的实现语言。尽管JavaScript作为给非程序人员的脚本语言,而非作为给程序人员的脚本语言来推广和宣传,但是JavaScript具有非常丰富的特性。
在前端工程师早期的生涯里最痛恨的可能就是IE浏览器,因为之前Windows XP盗版的流行导致在中国市场里面IE6的占比还是很大的,而在2008年谷歌浏览器的发行和智能手机的崛起,再加上淘宝天猫不再兼容IE8之后终于死了,从此前端迅速发展。

诞生

在网景向ECMA提交了标准之后

  1. 1997年6月,第一版ECMAScript发布
  2. 1999年12月,第三版发布,这个版本使用最广,第四版,流产。
  3. 2009年12月,第五版发布,增加了一些功能
  4. 2015年6月,第六版发布,新浏览器都支持这一版之后每年发布一版,版本号以年份命

JS与ECMAScript的关系:ECMAScript是纸上的标准,JS是浏览器的实现,纸上标准往往落后于浏览器,先实现,再写进标准。所以说JavaScript跟Java没有半点关系,只是早期刚发明出来的时候为了蹭热度而起的名字。

兴起

2004年愚人节,谷歌发布Gmail在线网页,当时的人们认为网页只能用来看新闻和图片,而应用需要下载软件才可以,Gmail的发布让用户和开发者眼前一亮,2005年,Jesse 将谷歌用到的技术命名为AJAX,从此,前端技术正式出现,在此之前的网页开发都是由后端和设计师完成,2006年,jQuery 发布,是目前最长寿的JS库,后来的十年,jQuery 大发异彩,直到iE不行了,jQuery才稍微没有那么火,后来爆发了很多相关的前端技术: gulp、grunt,yeoman、requirejs、webpack、 Angular、 React、 Vue等

缺陷

Javascript的设计不够严谨,有很多失误。在上面我提到“布兰登·艾克在1995年5月仅花了十天时间就把原型设计出来”,所以因为时间仓促,先前没有先例和过早的标准化而造成了一些缺陷。
我从阮一峰的一篇博客里面给大家总结了十个缺陷:

  1. 不适合开发大型程序:Javascript没有名称空间(namespace),很难模块化;没有如何将代码分布在多个文件的规范;允许同名函数的重复定义,后面的定义可以覆盖前面的定义,很不利于模块化加载。
  2. 非常小的标准库:Javascript提供的标准函数库非常小,只能完成一些基本操作,很多功能都不具备。
  3. null和undefined:null属于对象(object)的一种,意思是该对象为空;undefined则是一种数据类型,表示未定义。两者非常容易混淆,但是含义完全不同。在编程实践中,null几乎没用,根本不应该设计它。
  4. 全局变量难以控制:Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。
  5. 自动插入行尾分号:Javascript的所有语句,都必须以分号结尾。但是,如果你忘记加分号,解释器并不报错,而是为你自动加上分号。有时候,这会导致一些难以发现的错误。
  6. 加号运算符:+号作为运算符,有两个含义,可以表示数字与数字的和,也可以表示字符与字符的连接。如果一个操作项是字符,另一个操作项是数字,则数字自动转化为字符。这样的设计,不必要地加剧了运算的复杂性,完全可以另行设置一个字符连接的运算符。
  7. NaN:NaN是一种数字,表示超出了解释器的极限。它有一些很奇怪的特性: NaN === NaN; //false NaN !== NaN; //true alert( 1 + NaN ); // NaN。 与其设计NaN,不如解释器直接报错,反而有利于简化程序。
  8. 数组和对象的区分:由于Javascript的数组也属于对象(object),所以要区分一个对象到底是不是数组,相当麻烦。
  9. == 和 ===:==用来判断两个值是否相等。当两个值类型不同时,会发生自动转换,得到的结果非常不符合直觉。因此,推荐任何时候都使用”===”(精确判断)比较符。
  10. 基本类型的包装对象:Javascript有三种基本数据类型:字符串、数字和布尔值。它们都有相应的建构函数,可以生成字符串对象、数字对象和布尔值对象,与基本数据类型对应的对象类型,作用很小,造成的混淆却很大。

虽然JavaScript有缺陷,但是Javascript并不算糟糕,相反它的编程能力很强大,前途很光明。
首先,如果遵守良好的编程规范,加上第三方函数库的帮助,Javascript的这些缺陷大部分可以回避。
其次,Javascript目前是网页编程的唯一语言,只要互联网继续发展,它就必然一起发展。目前,许多新项目大大扩展了它的用途,node.js使得Javascript可以用于后端的服务器编程,coffeeScript使你可以用python和ruby的语法,撰写Javascript。