「一」 JavaScript的诞生

Brendan Eich 设计 JS

网景公司要求给浏览器添加一个脚本功能
公司要求这个脚本必须蹭Java的流量
Brendan Eich花十天设计了JS的最初版本（不是实现）

总的来说，他的设计思路是这样的：

（1）借鉴C语言的基本语法；
（2）借鉴Java语言的数据类型和内存管理；
（3）借鉴Scheme语言，将函数提升到"第一等公民"（first class）的地位；
（4）借鉴Self语言，使用基于原型（prototype）的继承机制。 ∴ Javascript语言实际上是两种语言风格的混合产物----（简化的）函数式编程+（简化的）面向对象编程。这是由Brendan Eich（函数式编程）与网景公司（面向对象编程）共同决定的。

JS 的命名

Mocha摩卡=>LiveScript=>Javascript （模仿Java，Java既是编程语言，也是一种咖啡）
浏览器一开始同时就支持Java和JavaScript
后来，JS胜了（在浏览器）

「二」浏览器大战

1995年网景推出JavaScript在浏览器上大获成功。1995年5月，设计方案定稿；10月，解释器开发成功；12月，向市场推出，立刻被广泛接受，全世界的用户大量使用。

Microsoft的跟进

1996年8月 IE3 发布，支持 JScript (微软实现的JS)
浏览器大战开始，每家浏览器的脚本都不太一样（因为没有统一的标准）

网景的反击

1996年11月，网景向 ECMA 提交语言标准，由于版权问题，JS 语言标准不叫 Javascript，叫 ECMAScript

网景被收购

微软的IE浏览器由于捆绑进了 Windows，很快超越

1998年，网景浏览器节节败退，公司陷入内忧外患

同年，公司打算搏一搏，将浏览器开源 (Firefox)

最终，市场并没有因为开源而重新青睐网景

年底，美国在线 AOL 宣布开始收购网景

收购后，网景团队里的程序员纷纷被解雇

Brendan 在之后一直协助维护 Firefox 的运营

IE 6 如日中天

2001年，IE 6 随着 Windows XP 一起发布

2004年，IE 6 全球市场占用率 80% 以上

然而，这款浏览器却不兼容W3C标准（主要是CSS）

IE 6 也不断爆出安全漏洞

Firefox 打算涅槃重生，重新打败IE

2005年，IE 7 发布，但打不过 IE 6

2006年，主流浏览器为 IE 6 和 Firefox

2010年，中国大部分浏览器还是 IE 6

由于盗版 Windows XP 在中国的风行，在很多年里，IE 6 始终占据中国浏览器市场，是前端开发者的恶魔

Chrome 横空出世

微软的懈怠

由于 IE 6 的巨大成功，微软觉得再花费精力不值得，而且没有竞争对手，所以直接解散了 IE 6 开发团队

Firefox 的出现让微软重新组建 IE 团队，但不是同一队人，所以造成了 IE 7、8问题不断

谷歌抓住机会

2004年，谷歌雇佣了一些Firefox和IE的开发者

2008年，Chrome 终于发布，迅速拿下 1% 份额

2011年，Chrome 份额超过 Firefox

2016年，Chrome 全球份额 62%

移动市场的兴起（智能手机的崛起）

2010年，iPhone4发布

2011年，微软和Nokia联合起来，打算搞事情。后来的事情大家都知道，Nokia手机业务完了

也就是说，手机上基本没有IE了。前端程序员欣喜若狂，IE终于快要死了

2016年，淘宝天猫宣布不再支持 IE 6、7，同年年底，宣布不再支持 IE 8

从此，前端开始飞速发展

ECMAScript 标准制定

时间

1997年6月，第一版 ECMAScript 发布

1999年12月，第三版发布，目前使用最广泛的版本（IE 6 也支持）

第四版，流产

2009年12月，第五版发布，增加了一些功能

2015年6月，第六版发布，新浏览器都支持这一版

之后每年发布一版，版本号以年份命名

JS与ECMAScript的关系

ECMAScript 是纸上标准，JS 是浏览器的实现
纸上标准落后于浏览器，先实现，再写进标准

「三」 JavaScript的兴起

杀手级应用Gmail

2004年愚人节，谷歌发布 Gmail 在线网页

当时人们认为网页只能用来看新闻和图片，Gmail 的发布让用户和开发者眼前一亮

2005年，Jesse 将谷歌用到的技术命名为 AJAX，从此，前端技术正式出现，在此之前的网页开发都是由后端和设计师完成

2006年，jQuery 发布，是目前最长寿的JS库

后来的十年，jQuery 大放异彩，直到 IE 不行了，jQuery 才稍微没有那么火

JavScript的爆发

★ V8快如闪电

Chrome 的 JS 引擎叫做 V8

2009年，Ryan 基于 V8 创建了Node.js

2010年，Isaac 基于 Node.js 写出了 npm

前端工程师也可以在浏览器之外执行 JS 了，Node.js快速风靡

同年,TJ 受 Sinatra 启发,发布了 Express.js

从此，前端工程师可以愉快地写后端应用了!

「四」 JavaScript的10个设计缺陷

∵ JavaScript的设计阶段过于仓促，没有先例，以及过早的标准化
∴ Javascript 的设计有缺陷

1. 不适合开发大型程序

Javascript没有名称空间（namespace），很难模块化；没有如何将代码分布在多个文件的规范；允许同名函数的重复定义，后面的定义可以覆盖前面的定义，很不利于模块化加载。

2. 非常小的标准库

Javascript提供的标准函数库非常小，只能完成一些基本操作，很多功能都不具备。

3. null和undefined

null属于对象（object）的一种，意思是该对象为空；undefined则是一种数据类型，表示未定义。

　　typeof null; // object
　　typeof undefined; // undefined

两者非常容易混淆，但是含义完全不同。

   var foo;
　　alert(foo == null); // true
　　alert(foo == undefined); // true
　　alert(foo === null); // false
　　alert(foo === undefined); // true

在编程实践中，null几乎没用，根本不应该设计它。

4. 全局变量难以控制

Javascript的全局变量，在所有模块中都是可见的；任何一个函数内部都可以生成全局变量，这大大加剧了程序的复杂性。

   a = 1;
　　(function(){
　　　　b=2;
　　　　alert(a);
　　})(); // 1
　　alert(b); //2

5. 自动插入行尾分号

Javascript的所有语句，都必须以分号结尾。但是，如果你忘记加分号，解释器并不报错，而是为你自动加上分号。有时候，这会导致一些难以发现的错误。

比如，下面这个函数根本无法达到预期的结果，返回值不是一个对象，而是undefined。

　　function(){
　　　　return
　　　　　　{
　　　　　　　　i=1
　　　　　　};
　　}

原因是解释器自动在return语句后面加上了分号。

6. 加号运算符

+号作为运算符，有两个含义，可以表示数字与数字的和，也可以表示字符与字符的连接。
如果一个操作项是字符，另一个操作项是数字，则数字自动转化为字符。
这样的设计，不必要地加剧了运算的复杂性，完全可以另行设置一个字符连接的运算符。

7. NaN

NaN是一种数字，表示超出了解释器的极限。它有一些很奇怪的特性：

　　NaN === NaN; //false
　　NaN !== NaN; //true
　　alert( 1 + NaN ); // NaN

与其设计NaN，不如解释器直接报错，反而有利于简化程序。

8. 数组和对象的区分

由于Javascript的数组也属于对象（object），所以要区分一个对象到底是不是数组，相当麻烦。Douglas Crockford的代码是这样的：

　　if ( arr &&
　　　　typeof arr === 'object' &&
　　　　typeof arr.length === 'number' &&
　　　　!arr.propertyIsEnumerable('length')){

　　　　alert("arr is an array");
　　}

9. == 和 ===

==用来判断两个值是否相等。当两个值类型不同时，会发生自动转换，得到的结果非常不符合直觉。因此，推荐任何时候都使用"==="（精确判断）比较符

　　"" == "0" // false

　　0 == "" // true

　　0 == "0" // true

　　false == "false" // false

　　false == "0" // true

　　false == undefined // false

　　false == null // false

　　null == undefined // true

　　" \t\r\n" == 0 // true

10. 基本类型的包装对象

Javascript有三种基本数据类型：字符串、数字和布尔值。它们都有相应的建构函数，可以生成字符串对象、数字对象和布尔值对象。

　　new Boolean(false);
  
　　new Number(1234);
  
　　new String("Hello World");

与基本数据类型对应的对象类型，作用很小，造成的混淆却很大。

　　alert( typeof 1234); // number

　　alert( typeof new Number(1234)); // object

JS 有很多缺陷，但 JS 的编程能力很强大，前途很光明

首先，如果遵守良好的编程规范，加上第三方函数库的帮助，Javascript的这些缺陷大部分可以回避。

其次，Javascript目前是网页编程的唯一语言，只要互联网继续发展，它就必然一起发展。目前，许多新项目大大扩展了它的用途，node.js使得Javascript可以用于后端的服务器编程，coffeeScript使你可以用python和ruby的语法，撰写Javascript。

最后，只要发布新版本的语言标准（比如 ECMAscript 5），就可以弥补这些设计缺陷。当然，标准的发布和标准的实现是两回事，上述的很多缺陷也许会一直伴随到Javascript存在的最后一天。

Refenences

饥人谷资料

维基百科 (2020). "JavaScript". Available at: zh.wikipedia.org/wiki/JavaSc…

阮一峰 (2011). "Javascript诞生记". Available at: www.ruanyifeng.com/blog/2011/0…

阮一峰 (2011). "Javascript的10个设计缺陷". Available at: www.ruanyifeng.com/blog/2011/0…

JavaScript的诞生和发展