4-1 JS概览（JavaScript的诞生、标准定制、十个缺陷）

1.如何统计自己的代码行数
安装：yarn global add cloc
（cloc：count lines of code）
统计：cloc --vcs=git .
(.表示分析当前目录)
2.李爵士发明HTML
赖先生发明CSS
布兰登发明JS

一、JavaScript的诞生
1.布兰登临危受命

• 公司要求给浏览器添加一个脚本功能
• 脚本必须蹭Java的流量
• 布兰登花了十天设计了JS的最初版本

2.JS的命名

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

二、ECMAScript标准的定制
1.时间

• 1997年6月，第一版ECMAScrip发布
• 1999年12月，第三版发布，这个版本使用最广（IE6支持）
• 第四版流产
• 2009年12月，第五版发布，增加了一些新功能
• 2015年6月，第六版发布，新浏览器都支持这一版

2.JS和ECMAScrip的关系
ECMAScrip是纸上的标准，JS是浏览器的实现
智商标准往往落后于浏览器，先实现，再写进标准

3.JavaScript兴起
杀手级应用Gmail

• 2004年，Gmail在线网页
• 2005年，Jesse将谷歌用到的技术命名为AJAX（玩概念，没有新东西，取一个新名字）
• 从此，前端技术正式出现，在此之前，网页开发都是由后端和设计师完成
• 2006年，jQuery发布，是目前最长寿的JS库（兼容浏览器）

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语句后面加上了分号。

　　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 n