JavaScript的诞生

全球少女的梦中情人
285 阅读8分钟

布兰登

image.png

布兰登·艾克（英语：Brendan Eich），美国程序技术专家与企业家，JavaScript主要创造者与架构师，曾任Mozilla公司的首席技术官，并曾短暂担任首席执行官。

生平

  • 1961年生于美国
  • 最初主修物理学，大三时因兴趣转变转投计算机科学领域
  • 在SGI工作，在此工作七年，主要负责操作系统与网络功能
  • 在MicroUnity工作了三年，主要负责内核与电子信号处理相关工作
  • 1995年，进入网景公司，为网景浏览器开发出JavaScript
  • 1998年，艾克协助成立Mozilla.org
  • 2003年在美国在线决定结束网景部门营运后，艾克协助成立了Mozilla基金会
  • 2014年3月24日，艾克晋升为Mozilla公司首席执行官
  • 2014年4月3日，艾克宣布从Mozilla离职，原因是他曾经捐助反同性恋的法案
  • 2015年，艾克成立Brave软件公司，这是一家互联网安全公司

JavaScript的诞生

Java_logo.png

1995年Sun公司将Oak语言改名为Java，正式向市场推出。

网景公司决定与Sun公司结成联盟。

1995年4月，网景公司录用了Brendan Eich。

一个月后，1995年5月，网景公司做出决策，未来的网页脚本语言必须"看上去与Java足够相似"，但是比Java简单，使得非专业的网页作者也能很快上手。

Brendan Eich被指定为这种"简化版Java语言"的设计师。

但是，他对Java一点兴趣也没有。为了应付公司安排的任务，他只用10天时间就把Javascript设计出来了。

由于设计时间太短，语言的一些细节考虑得不够严谨，导致后来很长一段时间，Javascript写出来的程序混乱不堪。

浏览器大战

image.png

微软公司于1995年首次推出IE3，从而引发了浏览器大战。

微软创建了JScript，同期有网景的JavaScript，微软的JScript双峰并峙

1996年11月，网景正式向ECMA（欧洲计算机制造商协会）提交语言标准，制定了ECMAScript标准规范

网景被收购

  • 微软将IE浏览器捆绑进Windows
  • 1998年，网景浏览器节节败退，公司陷入内忧外患
  • 同年，公司准备搏一搏，将浏览器开源（Firefox）
  • 最终年底，美国在线AOL宣布开始收购网景
  • 收购后，网景团队程序员纷纷被解雇
  • Brendan Eich在之后一直协助维护Firefox的运营

IE6

  • 2001年，IE6随着Windows XP 一起发布
  • 2004年，IE6 全球市场占用率 80% 以上
  • 然而 IE6 却不兼容 W3C 标准（主要是CSS）
  • IE6 也不断爆出安全漏洞
  • Firefox 打算涅槃重生，打败IE
  • 2005年，IE7发布，但打不过IE 6
  • 2006年，主流浏览器为IE 6和Firefox
  • 2010年，中国大部分浏览器还是IE 6
  • 由于盗版Windows XP在中国的风行，很多年里，IE 6始终占据中国浏览器市场

Chrome 出世

微软的懈怠

由于IE6的成功，微软觉得再花费时间精力不值得，而且没有竞争对手，直接解散了IE 6 开发团队

Firefox的出现让微软重组IE团队，但不是同一队人，造成IE 7、IE 8一直问题不断

谷歌抓住机会

  • 2004年，谷歌雇用一些 Firefox 和 IE 的开发者
  • 2008年，Chrome 终于发布，迅速拿下1%份额
  • 2011年，Chrome 份额超过Firefox
  • 2016年，Chrome 全球份额62%

移动市场兴起

  • 2010年，Iphone 4 发布
  • 2011年，微软和 Nokia 联合起来，后来Nakia 手机业务完了
  • 后面手机上面基本没有IE
  • 2016年，淘宝天猫宣布不在支持IE 6、IE 7
  • 同年年底，宣布不再支持IE 8
  • 移动端的崛起，让中国前端摆脱了IE 十年的恐怖支配，从此前端极速发展

ECMAScript

时间

  • 1997年6月，第一版 ECMAScript 发布
  • 1999年12月，第三版发布，这个版本使用最广泛
  • 第四版流产
  • 2009年12月，第五版发布，增加一些新功能
  • 2015年6月，第六版发布，新浏览器都支持这一版
  • 之后每一年发布一版，版本号以年份命名

JavaScript 与 ECMAScript

ECMAScript 是纸上的标准，JavaScript是浏览器的实现

纸上的标准往往落后于浏览器，先实现再写进标准

JavaScript 兴起

  • 2004年愚人节，谷歌发布 Gmail 在线网页
  • 当时人们认为浏览器只能用来看新闻和图片
  • Gmail 的发布让用户和开发者眼前一亮
  • 2005年，Jesse 将谷歌用到的技术命名为AJAX
  • 从此，前端技术正式出现
  • 在此之前的网页都是有后端和设计师完成
  • 2006年，jQuery发布，是目前最长寿的JS库
  • 后来十年，jQuery 大放异彩，直到IE不行，jQuery才没那么火

JavaScript 爆发

V8引擎

  • Chrome 的JS引擎叫做V8
  • 2009年，Ryan基于 V8 创建了 Node.js
  • 2010年，lsaac基于Node.js 写出 npm
  • 前端工程师可以在浏览器之外执行JS了，Node.js 快速风靡
  • 同年TJ受Sinatra 启发，发布 Express.js
  • 从此，前端工程师可以愉快的写后端应用了

爆发

在这期间出来的技术太多

例如：gulp、grunt、yeoman、requirejs、webpack、Angular、React、Vue 等等

这些技术很多也已经过时了

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 new Number(1234)); // object
avatar
文章
阅读
粉丝