《JavaScript 的诞生之路》

82 阅读6分钟

背景

  • “1994年,网景公司【Netscape】发布了Navigator游览器0.9版。这个版本的游览器只能用来游览,不具备与访问者互动的能力。网景公司急需有一种网页脚本语言,能够让游览器与网页互动。”
  • “1995年Sun公司将Oak语言改名Java”
  • "1995年4月,34岁的系统程序员Brendan Eich 被网景公司录用"
  • “1995年5月,被公司安排设计网页脚本语言,看上去还要与Java相似”
    但是,他对Java不敢兴趣,为了应付公司安排,只用了10天时间就把JavaScript设计出来。由于设计时间太短,语言的一些细节考虑不够严谨,导致后来很长时间JavaScript写出来的程序混乱不堪。

设计思路:

  1. 借鉴C语言的基本语法;
    2、借鉴Java语言的数据类型和内存管理;
    3、借鉴Scheme语言,将函数提升到“第一等公民”(first class)的地位。
    4、借鉴Self语言,使用基于原型(prototype)的继承机制。
    所以,javascript 语言实际上是两种风格的混合产物----(简化的)函数式编程+面向对象编程。

主要功能:

1、嵌入动态文本于HTML页面;
2、对游览器事件做出响应;
3、读写HTML元素;
4、在数据被提交到服务器之前验证数据;
5、检测访客的游览信息。控制cookies,包括创建和修改等;
6、基于Node.js技术进行服务器编程。

运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来网页添加各式各样的动态功能,为用户提供更流畅美观的游览效果。通常JavaScript脚本是通过嵌入HTML中来实现自身的功能。

1、是一种解释性脚本语言(代码不进行预编译)。
2、主要用来向HTML(标准通过标记语言下的一个应用)页面添加交互行为。
3、可以直接嵌入HTML页面,但写成单独的JS文件有利于结构和行为的分离;
4、跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows,Linux,Mac,Android,Ios等);
5、JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

语言特点

1、是脚本语言;JavaScript是一种解释型的脚本语言,C、C++等语言先后执行,而JavaScript是在程序的运行过程中逐行进行解释。
2、基于对象;JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
3、动态性;JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
4、跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支 持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持。

为什么语言会有缺陷

1. 设计阶段过于仓促
这种语言的设计初衷是为了解决一下简单的网页互动(检查“用户名”是否填写),并没有考虑复杂的应用的需要。
2. 没有先例
Javascript同时结合了函数式编程和面向对象编程的特点,这很可能是历史上的第一例。而且直到今天为止,Javascript仍然是世界上唯一使用[Prototype继承模型])的主要语言。这使得它没有设计先例可以参考。
3. 过早的标准化
javascript推出一年半之后,国际标准就问世了。设计缺陷还没有充分暴露就成了标准。

Javascript的10个设计缺陷

  • 1. 不适合开发大型程序 Javascript没有名称空间(namespace),很难模块化;没有如何将代码分布在多个文件的规范;允许同名函数的重复定义,后面的定义可以覆盖前面的定义,很不利于模块化加载。\
  • 2. 非常小的标准库 Javascript提供的标准函数库非常小,只能完成一些基本操作,很多功能都不具备。\
  • 3. null和undefined null属于对象(object)的一种,意思是该对象为空;undefined则是一种数据类型,表示未定义。
    var foo;
  alert(foo == null); // true

  alert(foo == undefined); // true

  alert(foo === null); // false

  alert(foo === undefined); // true
  • 4. 全局变量难以控制 Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。
a = 1;

  (function(){

    b=2;

    alert(a);

  })(); // 1

  alert(b); //2
  • 5. 自动插入行尾分号 Javascript的所有语句,都必须以分号结尾。但是,如果你忘记加分号,解释器并不报错,而是为你自动加上分号。有时候,这会导致一些难以发现的错误。 比如,下面这个函数根本无法达到预期的结果,返回值不是一个对象,而是undefined。
function(){

    return
      {
        i=1
      };

  }

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

  • 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

  • 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 // tru

  • 10. 基本类型的包装对象

Javascript有三种基本数据类型:字符串、数字和布尔值。它们都有相应的建构函数,可以生成字符串对象、数字对象和布尔值对象。

  new Boolean(false);

  new Number(1234);

  new String("Hello World");

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

alert( typeof 1234); // number
alert( typeof new Number(1234)); // object