一、诞生

  • 1994年，网景公司（Netscape）需要一种脚本语言，来使自家的Navigator浏览器具备与用户互动的功能。
  • 1995年，Sun公司向市场推出了Java，网景公司与Sun公司结成联盟，Sun公司介入这个脚本语言的开发。
  • 1995年4月，网景公司录用了34岁的系统程序员Brendan Eich。
  • 1995年5月，网景公司做出决策，未来的网页脚本语言必须”看上去与Java足够相似”，Brendan Eich被指定为这种”简化版Java语言”的设计师。但是，他对Java一点兴趣也没有。为了应付公司安排的任务，他只用10天时间就把Javascript设计出来了。
  • 最初命名为Mocha，1995年9月在Netscape Navigator 2.0的Beta版中改名为LiveScript，同年12月，Netscape Navigator 2.0 Beta 3中部署时被重命名为JavaScript。

JavaScript的诞生、发展与缺陷 - 图1
Brendan Eic

二、JavaScript的发展与浏览器&移动端

  • JavaScript推出后在浏览器上大获成功，1996年，微软发布IE3，支持JScript，开始与处于市场领导地位的网景产品同台竞争。
  • 1996年11月，网景正式向ECMA（欧洲计算机制造商协会）提交语言标准。1997年6月，ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。JS语言标准不叫JavaScrpit，叫ECMAScript（第一版）。
  • 微软IE浏览器捆绑Windows，很快超越网景公司，网景公司将代码开源（Firefox），1998年，网景公司被收购。
  • 1999年12月，ECMAScript标准第三版发布
  • 2001年。IE6随着Windows XP一起发布，IE6不兼容W3C标准。
  • 2004年，IE6全球市场占有率达到80%以上，由于IE6的巨大成功，微软解散了IE6开发团队。与此同时谷歌雇佣了一些Firefox和IE开发者。
  • 2004年愚人节，谷歌发布Gmail在线网页，打破了网页只能看图文的局限。
  • 2005年，Jesse将谷歌用到的技术命名为AJAX，从此，前端技术正式出现。
  • 2006年，jQuery发布，是目前最长寿的JS库，之后的时年都大放异彩，直到IE不行了，jQuery的热度才稍微下降。
  • 2008年，Chrome浏览器发布，迅速拿下全球1%市场份额。
  • 2009年12月，ECMAScript标准第五版发布。
  • 2010年，中国市场大部分依然被IE6占领。iPhone4发布。
  • 2011年，Chrome份额查过Friefox。微软和Nokia联手（后以失败告终，Nokia手机业务完蛋）
  • 2015年6月，ECMAScript标准第六版发布，新浏览器都支持这一版本，之后每年发布一版，版本号以年份命名。
  • 2016年，Chrome全球份额62%。淘宝天猫宣布不再支持IE6、IE7，同年年底，宣布不再支持IE8。
  • 从此，前端技术急速发展。

三、Javascript的10个设计缺陷

——摘自：阮一峰《Javascript的10个设计缺陷》

  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

  1. 自动插入行尾分号
    Javascript的所有语句，都必须以分号结尾。但是，如果你忘记加分号，解释器并不报错，而是为你自动加上分号。有时候，这会导致一些难以发现的错误。
    比如，下面这个函数根本无法达到预期的结果，返回值不是一个对象，而是undefined。

    function(){

    1. return
    2.   {
    3.     i=1
    4.   };

    }

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

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

  1. 加号运算符
    +号作为运算符，有两个含义，可以表示数字与数字的和，也可以表示字符与字符的连接。

    alert(1+10); // 11 alert(“1”+”10”); // 110

如果一个操作项是字符，另一个操作项是数字，则数字自动转化为字符。

alert(1+”10”); // 110 alert(“10”+1); // 101

这样的设计，不必要地加剧了运算的复杂性，完全可以另行设置一个字符连接的运算符。
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”); }

  1. == 和 ===
    ==用来判断两个值是否相等。当两个值类型不同时，会发生自动转换，得到的结果非常不符合直觉。

    “” == “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

关于Javascript的更多怪异行为，请参见Javascript Garden和wtfjs.com。