低开高走的“JavaScript”(诞生记)

时间:2021-2-20 作者:admin

历史记录

  1. 1994年,网景公司成立。

  2. 1995年布莱登进入网景公司,公司要求给浏览器添加一个脚本功能,布莱登花十天时间设计了JS的最初版本。最初命名为Mocha, 后来又改为LiveScript,当时网景公司为了让这门语言搭上Java这个编程语言“热词”,最终命名为JavaScript,JavaScript推出后在浏览器上大获成功。

  3. 1996年8月,微软发布IE3,支持JScript(微软实现的JS),那时每家浏览器的脚本都不一样,浏览器大战开始。

  4. 1996年11月,网景开始反击,正式向ECMA(欧洲计算机制造商协会)提交语言标准,由于版权问题,JS不准叫JavaScript,叫ECMAScript。

  5. 微软的IE浏览器由于捆绑进了Windows,很快超越了网景

  6. 1998年,网景浏览器节节败退,公司陷入内忧外患,同年,公司打算搏一搏,将浏览器(Firefox)开源,但最终还是失败。11月,被美国在线AOL收购。布莱登在之后一直协助Firefox的运营。

  7. 2001年,微软发布IE6。2004年,IE6全球市场占有率高达80%,然而这款浏览器不兼容W3C标准,并且不断爆出漏洞。Firefox正打算卷土重来,重新打败IE。同年,谷歌也抓住机会,雇佣了一些Firefox和IE的开发者

  8. 2005年微软发布IE7,仍然不如IE6。

  9. 2006年,主流浏览器为IE6和Firefox

  10. 2008年,Chrome发布,迅速拿下全球1%的份额。

  11. 2010年,中国的大部分浏览器还是IE6。由于IE6的巨大成功,微软开始懈怠,觉得已经没有竞争对手,不再花费精力研究,解散了IE团队,Firefox的重新出现让微软又重新组建IE团队,但是不是同一队人,造成IE7、8一直问题不断。同年,iPhone4发布,移动端开始兴起

  12. 2011年,微软和诺基亚联合起来,但是日渐衰退,移动端基本上无IE。此时Chrome份额超过Firefox。

  13. 2016年,淘宝天猫开始不再支持IE,前端从此摆脱了IE十年的恐怖支配,开始急速发展。此时Chrome占领全球份额62%。

JavaScript的兴起

  • 2004年愚人节,谷歌发布Gmail在线网页,当时的人们认为网页只能用来看新闻和图片,Gmail的发布让用户和开发者眼前一亮。

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

  • 2006年,jQuery发布,是目前最长寿的JS库,后来的十年,jQuery大发异彩,直到IE不行了,jQuery才没有那么火。

JavaScript的爆发

2009年,Ryan基于V8(Chrome的JavaScript引擎)创建了Node.js。

2010年,Isaac基于Node.js写出了npm,前端工程师可以在浏览器之外执行JS了,Node.js快速风靡。同年,TJ受Sinatra启发,发布了Express.js,从此,前端工程师可以愉快地写后端应用了。

JavaScript的美中不足

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

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

本文参考了知乎、CSDN、维基百科的一些知识,有描述不准确的地方还希望大多多家指正!!!

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。