JavaScript的历史

1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。但是，这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。

因此，网景公司急需一种网页脚本语言，使得浏览器可以与网页互动。工程师Brendan Eich负责开发这种新语言。他只用10天时间就把Javascript设计出来了。但是，由于设计时间太短，语言的一些细节考虑得不够严谨，埋下了JavaScript众多缺陷的伏笔。

JavaScript是什么？

>是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

标准化

网景于 1996 年向 ECMA（欧洲计算机制造商协会）提交语言标准。1997 年，ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。截至2012年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，之后每年发布一版，版本号以年份命名。该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。

JS与ECMAScript的关系

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

JavaScript的发展

* 2004年的愚人节，谷歌发布了Gmail在线网页，使当时只用网页观看新闻和图片的人们眼前一亮，浏览器居然可以实现可执行程序做的事情。

2005年，Jesse将谷歌用到的技术打包命名为AJAX，至此，前端技术正式出现。
chrome浏览器快速占领市场份额，其JS引擎为V8。
2009 年，Ryan 基于 V8 创建了 Node.js。
2010 年，Isaac 基于 Node.js 写出了 npm。至此，前端工程师可以在浏览器之外执行 JS，Node.js 快速风靡。
2010年，TJ 受 Sinatra 启发，发布了 Express.js，前端工程师可以进行后端应用开发。

在这期间爆发出了大量技术，例如：webpack、Angular、React、Vue等等。

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

5 自动插入行尾分号

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

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

function(){

　　　　return
　　　　　　{
　　　　　　　　i=1
　　　　　　};

　　}

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

function(){

　　　　return;
　　　　　　{
　　　　　　　　i=1
　　　　　　};

　　}

6 加号运算符

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

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");

　　}

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

以上资料来自于的阮一峰的博客：www.ruanyifeng.com/blog/2011/0…

JavaScript 的诞生