简单认识JavaScript

160 阅读5分钟

JavaScript历史

JavaScript是一种直译式脚本语言(不需要编译器编译),是一种动态类型、弱类型、基于原型的语言

JavaScript是美国程序员布兰登·艾克(Brendan Eich)在1995年发明的,晚于HTML(1991年,Tim Berners-Lee)和CSS(1993年,Tim Berners-Lee、Robert Cailliau)

Brendan Eich.jpg

JavaScript最初命名为Mocha,在Netscape Navigator 2.0的Beta版中改名为LiveScript,同年12月,Netscape Navigator 2.0 Beta 3中部署时被重命名为JavaScript

功能

  • 在网页中插入新的 HTML,修改现有的网页内容和网页的样式
  • 响应用户的行为,响应鼠标的点击或移动、键盘的敲击
  • 在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息,控制cookies创建和修改等
  • 基于Node.js技术进行服务器端编程
  • 向远程服务器发送网络请求,下载或上传文件(所谓 AJAX 和 COMET 技术)
  • 记住客户端的数据(本地存储)

JS的语言标准

  • 基本语法: 借鉴C语言和Java语言
  • 数据结构: 借鉴Java语言,包括将值分为原始值和对象两大类
  • 函数用法: 借鉴Schema语言和AWK语言,引入闭包
  • 原型继承模型: 借鉴Self语言
  • 正则表达式:借鉴Perl语言
  • 字符串和数组处理: 借鉴Python语言

设计缺陷(摘录于阮一峰)

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,不如解释器直接报错,反而有利于简化程序。

  1. 数组和对象的区分

由于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的总结

  • JavaScript 最开始是为浏览器设计的一门语言,但是现在也被用于很多其他的环境。
  • 现在,JavaScript 是一门在浏览器中使用最广、并且能够很好集成 HTML/CSS 的语言。
  • JavaScript 存在不少“坑”,在使用这一语言的过程中要尤为注意。

本文参考摘录了: 1、JavaScript维基百科 2、JavaScript百度百科 3、一起来聊一下 JavaScript 的用途和那些特性 4、一分钟带你了解JavaScript! 5、Javascript的10个设计缺陷——阮一峰 6、JavaScript的诞生