李爵士发明 HTML 赖先生发明 CSS 布莱登发明 JS

JavaScript是什么

  • JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

    JavaScript的诞生背景

  1. “1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器，轰动一时。但是，这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。……网景公司急需一种网页脚本语言，使得浏览器可以与网页互动。“
  2. 网页脚本语言到底是什么语言？网景公司当时有两个选择：一个是采用现有的语言，比如Perl、Python、Tcl、Scheme等等，允许它们直接嵌入网页；另一个是发明一种全新的语言。
  3. 1995年Sun公司将Oak语言改名为Java，正式向市场推出。
  4. 1995年4月，网景公司录用了34岁的系统程序员Brendan Eich。1995年5月，网景公司做出决策，未来的网页脚本语言必须”看上去与Java足够相似”，但是比Java简单，使得非专业的网页作者也能很快上手。Brendan Eich被指定为这种”简化版Java语言”的设计师。
  5. 但Brendan Eich对Java一点兴趣也没有。为了应付公司安排的任务，他只用10天时间就把Javascript设计出来了。由于设计时间太短，语言的一些细节考虑得不够严谨，导致后来很长一段时间，Javascript写出来的程序混乱不堪。
  6. Brendan Eich的设计思路：
  • 借鉴C语言的基本语法；
  • 借鉴Java语言的数据类型和内存管理；
  • 借鉴Scheme语言，将函数提升到”第一等公民”（first class）的地位；
  • 借鉴Self语言，使用基于原型（prototype）的继承机制。
  1. Javascript语言实际上是两种语言风格的混合产物——（简化的）函数式编程+（简化的）面向对象编程。这是由Brendan Eich（函数式编程）与网景公司（面向对象编程）共同决定的。

    JavaScript主要功能

  • 嵌入动态文本于HTML页面。
  • 对浏览器事件做出响应。
  • 读写 HTML元素。
  • 在数据被提交到服务器之前验证数据。
  • 检测访客的浏览器信息。 控制 cookies ，包括创建和修改等。

  • 基于Node.js 技术进行服务器端编程。

    JavaScript语言组成

  • ECMAScript，描述了该语言的语法和基本对象。

  • 文档对象模型（DOM），描述处理网页内容的方法和接口。

  • 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

    JavaScript脚本语言特点:

  • 脚本语言

    • JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释。
  • 基于对象
    • JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。
  • 简单
    • JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。
  • 动态性
    • JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
  • 跨平台
    • JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提是机器上的浏览器支 持JavaScript脚本语言，JavaScript已被大多数的浏览器所支持。
    • 不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题，安全性。

      JavaScript 的十个设计缺陷

  1. 不适合开发大型程序
    1. Javascript没有名称空间（namespace），很难模块化；
    2. 没有如何将代码分布在多个文件的规范；
    3. 允许同名函数的重复定义，后面的定义可以覆盖前面的定义，很不利于模块化加载。
  2. 非常小的标准库
    1. Javascript提供的标准函数库非常小，只能完成一些基本操作，很多功能都不具备。

  3. null和undefined

    1. null属于对象（object）的一种，意思是该对象为空；
    2. undefined则是一种数据类型，表示未定义。
    3. 两者非常容易混淆，但是含义完全不同。
    4. 在编程实践中，null几乎没用，根本不应该设计它。
      1. 　　typeof null; // object
      2. 　　typeof undefined; // undefined

  4. 全局变量难以控制

    1. Javascript的全局变量，在所有模块中都是可见的；
    2. 任何一个函数内部都可以生成全局变量，这大大加剧了程序的复杂性。 ```javascript a = 1;

　　(function(){

　　　　b=2;

　　　　alert(a);

　　})(); // 1

　　alert(b); //2

  2. 5. **自动插入行尾分号**
  3.    1. Javascript的所有语句，都必须以分号结尾。但是，如果你忘记加分号，解释器并不报错，而是为你自动加上分号。有时候，这会导致一些难以发现的错误。
  5. 比如，下面这个函数根本无法达到预期的结果，返回值不是一个对象，而是undefined。
  6. ```javascript
  7. 　function(){
  9. 　　　　return
  10. 　　　　　　{
  11. 　　　　　　　　i=1
  12. 　　　　　　};
  14. 　　}

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

  1. 　　function(){
  3. 　　　　return;
  4. 　　　　　　{
  5. 　　　　　　　　i=1
  6. 　　　　　　};
  8. 　　}
  1. 加号运算符
    1. +号作为运算符，有两个含义，可以表示数字与数字的和，也可以表示字符与字符的连接。 ```javascript 　alert(1+10); // 11

　alert(“1”+”10”); // 110

  1. 如果一个操作项是字符，另一个操作项是数字，则数字自动转化为字符。
  2. ```javascript
  3. 　　alert(1+"10"); // 110
  5. 　　alert("10"+1); // 101

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

  1. NaN
    1. NaN是一种数字，表示超出了解释器的极限。它有一些很奇怪的特性： ```javascript 　　NaN === NaN; //false

　　NaN !== NaN; //true

　　alert( 1 + NaN ); // NaN

  1. 与其设计NaN，不如解释器直接报错，反而有利于简化程序。
  3. 8. **数组和对象的区分**
  4.    1. 由于Javascript的数组也属于对象（object），所以要区分一个对象到底是不是数组，相当麻烦。Douglas Crockford的代码是这样的：
  5. ```javascript
  6. 　　if ( arr &&
  7. 　　　　typeof arr === 'object' &&
  8. 　　　　typeof arr.length === 'number' &&
  9. 　　　　!arr.propertyIsEnumerable('length')){
  11. 　　　　alert("arr is an array");
  13. 　　}
  1. == 和 ===
    1. ==用来判断两个值是否相等。当两个值类型不同时，会发生自动转换，得到的结果非常不符合直觉。
    2. 因此，推荐任何时候都使用”===”（精确判断）比较符。 ```javascript 　“” == “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

  2. 10. **基本类型的包装对象**
  3.    1. Javascript有三种基本数据类型：字符串、数字和布尔值。它们都有相应的建构函数，可以生成字符串对象、数字对象和布尔值对象。
  4. ```javascript
  5. 　　new Boolean(false);
  7. 　　new Number(1234);
  9. 　　new String("Hello World");

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

  1. 　　alert( typeof 1234); // number
  3. 　　alert( typeof new Number(1234)); // object

node.js使得Javascript可以用于后端的服务器编程

参考资料：
1. JavaScript 的历史 (备用链接)
2. JavaScript 诞生记
3. JavaScript 的10个设计缺陷