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几乎没用,根本不应该设计它。

  1. 全局变量难以控制
    Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。
  a = 1;
  (function(){
    b=2;
    alert(a);
  })(); // 1
  alert(b); //2
  1. 自动插入行尾分号
    Javascript的所有语句,都必须以分号结尾。但是,如果你忘记加分号,解释器并不报错,而是为你自动加上分号。有时候,这会导致一些难以发现的错误。
    比如,下面这个函数根本无法达到预期的结果,返回值不是一个对象,而是undefined。
  function(){
    return
      {
        i=1
      };
  }

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

  function(){
    return;
      {
        i=1
      };
  }
  1. 加号运算符
    +号作为运算符,有两个含义,可以表示数字与数字的和,也可以表示字符与字符的连接。
  alert(1+10); // 11
  alert("1"+"10"); // 110

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

  alert(1+"10"); // 110
  alert("10"+1); // 101

这样的设计,不必要地加剧了运算的复杂性,完全可以另行设置一个字符连接的运算符。

  1. NaN
    NaN是一种数字,表示超出了解释器的极限。它有一些很奇怪的特性:
  NaN === NaN; //false
  NaN !== NaN; //true
  alert( 1 + NaN ); // NaN

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

  1. 数组和对象的区分

由于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

因此,推荐任何时候都使用"==="(精确判断)比较符。

  1. 基本类型的包装对象
    Javascript有三种基本数据类型:字符串、数字和布尔值。它们都有相应的建构函数,可以生成字符串对象、数字对象和布尔值对象。
  new Boolean(false);
  new Number(1234);
  new String("Hello World");

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

  alert( typeof 1234); // number
  alert( typeof n
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐