JavaScript的诞生

132 阅读8分钟

JavaScript 的历史

JavaScript 诞生记

JavaScript 的 10 个设计缺陷

  • JavaScript 的历史 :

1995年 Sun 公司将Oak语言改名为 Java,正式向市场推出。Sun 公司大肆宣传,许诺这种语言可以"一次编写,到处运行”。

网景公司动了心,决定与 Sun 公司结成联盟。当时的形势就是,网景公司的整个管理层,都是 Java的信徒,Sun公司完全介入了网页脚本语言的决策。网景公司认为未来的网页脚本语言必须"看上去与Java足够相似",但是比 Java简单,能快速上手,并且要在即将发布 Netscape Navigator 2上开发一种名为 LiveScript的脚本语言,只是在发布日期前夕,网景公司为了赶上 java的热度,某产品经理临时将 LiveScript 改名为 JavaScript。

为了能在发布日期前完成开发,34岁的系统程序员 Brendan Eich指定为这种“简化版 Java语言”的设计师,因此他在后来被誉为“js之父”,但是,他对 Java一点兴趣也没有。所以他只用10天时间设计出来了。由于设计时间太短,语言的一些细节考虑得不够严谨,导致后来很长一段时间,Javascript 写出来的程序混乱不堪。

摘自:blog.csdn.net/haha_zhejie…

  • JavaScript 诞生记 :

JavaScript因为互联网而生,紧随着浏览器的出现而问世。回顾它的历史,就要从浏览器的历史讲起。

1990年底,欧洲核能研究组织(CERN)科学家 Tim Berners-Lee,在全世界最大的电脑网络——互联网的基础上,发明了万维网(World Wide Web),从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览,也就是说只能使用命令行操作,网页都是在字符窗口中显示,这当然非常不方便。

1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做 Mosaic。这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。

1994年10月,NCSA的一个主要程序员 Marc Andreessen联合风险投资家 Jim Clark,成立了 Mosaic通信公司(Mosaic Communications),不久后改名为 Netscape。这家公司的方向,就是在Mosaic的基础上,开发面向普通用户的新一代的浏览器 Netscape Navigator。

1994年12月,Navigator发布了1.0版,市场份额一举超过90%。

Netscape公司很快发现,Navigator浏览器需要一种可以嵌入网页的脚本语言,用来控制浏览器行为。当时,网速很慢而且上网费很贵,有些操作不宜在服务器端完成。比如,如果用户忘记填写“用户名”,就点了“发送”按钮,到服务器再发现这一点就有点太晚了,最好能在用户发出数据之前,就告诉用户“请填写xx栏”。这就需要在网页中嵌入小程序,让浏览器检查每一栏是否都填写了。

管理层对这种浏览器脚本语言的设想是:功能不需要太强,语法较为简单,容易学习和部署。那一年,正逢Java语言开始推向市场,Netscape公司决定,脚本语言的语法要接近 Java,并且可以支持 Java程序。这些设想直接排除了使用现存语言,比如 perl、python和TCL。

1995年,Netscape公司雇佣了程序员 Brendan Eich开发这种网页脚本语言。Brendan Eich有很强的函数式编程背景,希望以Scheme语言(函数式语言鼻祖 LISP语言的一种方言)为蓝本,实现这种新语言。

1995年5月,Brendan Eich只用了10天,就设计完成了这种语言的第一版。它是一个大杂烩,语法有多个来源:

基本语法:借鉴 C语言和 Java语言。 数据结构:借鉴 Java语言,包括将值分成原始值和对象两大类。 函数的用法:借鉴 Scheme语言和 Awk语言,将函数当作第一等公民,并引入闭包。 原型继承模型:借鉴 Self语言(Smalltalk的一种变种)。 正则表达式:借鉴 Perl语言。 字符串和数组处理:借鉴 Python语言。 为了保持简单,这种脚本语言缺少一些关键的功能,比如块级作用域、模块、子类型(subtyping)等等,但是可以利用现有功能找出解决办法。这种功能的不足,直接导致了后来 JavaScript的一个显著特点:对于其他语言,你需要学习语言的各种功能,而对于 JavaScript,你常常需要学习各种解决问题的模式。而且由于来源多样,从一开始就注定,JavaScript的编程风格是函数式编程和面向对象编程的一种混合体。

Netscape公司的这种浏览器脚本语言,最初名字叫做Mocha,1995年9月改为 LiveScript。12月,Netscape公司与 Sun公司(Java语言的发明者和所有者)达成协议,后者允许将这种语言叫做JavaScript。这样一来,Netscape公司可以借助Java语言的声势,而Sun公司则将自己的影响力扩展到了浏览器。

之所以起这个名字,并不是因为 JavaScript本身与 Java语言有多么深的关系(事实上,两者关系并不深),而是因为 Netscape公司已经决定,使用Java语言开发网络应用程序,JavaScript可以像胶水一样,将各个部分连接起来。当然,后来的历史是Java语言的浏览器插件(applet)失败了,JavaScript反而发扬光大

摘自:www.jianshu.com/p/1cd0b2cb3…

  • 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

关于Javascript的更多怪异行为,请参见Javascript Garden和wtfjs.com

作者:阮一峰

摘自:www.ruanyifeng.com/blog/2011/0…