转载:[从jQuery看JavaScript]-数据类型和对象（Type and Object）（一）

默认分类 2011-04-25 18:18:02

转载:http://blog.csdn.net/natineprince/archive/2009/11/08/4787689.aspx

[从jQuery看JavaScript]-数据类型和对象（Type and Object）（一）

jQuery片段：

var   
   // Will speed up references to window, and allows munging its name. 
    window =this,  
   // Will speed up references to undefined, and allows munging its name. 
    undefined,  
   // Map over jQuery in case of overwrite  
    _jQuery = window.jQuery,  
   // Map over the $ in case of overwrite  
    _$ = window.$,  
 
    jQuery = window.jQuery = window.$ =function( selector, context ) {  
       // The jQuery object is actually just the init constructor 'enhanced' 
       returnnewjQuery.fn.init( selector, context );  
    },  
 
   // A simple way to check for HTML strings or ID strings 
   // (both of which we optimize for)  
    quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,  
   // Is it a simple selector  
    isSimple = /^.[^:#\[\.,]*$/;  

在这一节，我们将讨论同一段jQuery片段的另一个知识点：数据类型和对象。为了让我们更好地理解代码，我们必须对这一部分内容深入了解。没有牢固的基础，是不可能构筑起坚实的堡垒的。

内置数据类型

内置数据类型，也称作固有数据类型，也就是JS的基本的数据类型。首先，让我们的大脑热一下身：回想一下，我们所有编程语言中实际可能运用到的数据都有些什么？
基本如你所想，但实质上我们需要的只是有意义的文字而已。但对于电脑来说，它能认识的不是文字，而是逻辑电路中电平的高低。为此，我们在程序语言中，将这些高低电平转换成0和1，并使用这些二进制的数字串构造成人类更加好理解的数字逻辑。这些数字逻辑实际上就是所谓的数据类型了。（我承认我在胡说八道……）
现在让我们看看JS是怎么理解这些数字逻辑，来让我们更好地使用它的（至少JS的设计者初衷是这样）。
1. undefined
  
  我们第一个看到的数据类型是undefined。或许很多人都会怀疑到——你没有搞错吧？undefined也是一种数据类型？！然后，我可以很镇定的告诉你，我没搞错……
  1. alert(undefined);// "undefined"
  2. alert(typeofundefined);// "undefined"
  3. alert(undefinedinstanceofObject);// "false"
  4. alert(undefinedinstanceofundefined);// 语法错误：instanceof不能对undefined运算
  5. alert(undefinedinstanceofUndefined);// 错误："Undefined"未定义
  看到上面的例子后，你还有疑问吗？
  联系一下我们前面所说的内容，如果调用一个没有声明的变量被直接调用，应该是会报错的，但上例没有，这就证明了undefined是JS里固有的变量。而且，根据typeof的结果，这个变量的数据类型是undefined。但它不是一个Object。而且不能用instanceof来判断他是不是undefined实例。
  那么，让我们来小结一下：undefined是一种类似单态的数据类型，他在全局作用域中以变量标识undefined存在，并且拥有唯一值undefined。
  除了上面所说的以外，还有一些需要注意的地方，请看下例：
  1. // 如何判断一个变量是否声明
  2. alert(typeofx =="undefined");// true
  3. alert(x==undefined);// 报错："x"未定义
  所以，如果你需要判断一个变量是否已声明，请使用typeof运算符，再和"undefined"这个字符串比较。如果你看得仔细，你或许会产生一个疑问：在上一节中不是说，如果在作用域链中找不到变量标识的时候，不是会创建空值标识吗？如果你有此一问，那么我得赞你一下，你真的用心思考了！这个问题将在稍后解答。
  1. varx;
  2. alert(undefined =="undefined");// false
  3. alert(x==undefined);// true
  4. alert(x=="undefined");// false
  另外，别以为undefined和字符串"undefined"是相等的，undefined不是字符串，而是另一种数据类型。
2. null
  
  相信看完undefined后，你已经不再怀疑null也是一种数据类型了吧。可是null又有何特别呢？请看：
  1. alert(null);// "null"
  2. alert(typeofnull);// "object"
  3. alert(nullinstanceofObject);// false
  4. alert(nullinstanceofnull);// 报错：instanceof不能对null运算
  你有感到奇怪了么？奇怪在哪里呢？嗯。我也觉得奇怪：为啥typeof的运算结果会是“object”，但instanceof判断又为false呢？但对于这个问题，能找到的唯一解答是如此描述的：
  “这点潜在的混淆是为了向下兼容。”
  但怎么向下兼容，我已经不能考究也不想考究下去了。我能告诉大家的是typeof null的返回值“object”是ECMA-262中规定的内容。并且这规定只是为了兼容性，实际上null并不是一个Object的实例。
  至此，我们再小结一下：null和undefined很相似，只是我们从根本上还是属于两种不同的数据类型。但是他们真的“不同”吗？让我们再来看看下面的例子：
  1. alert(null==undefined);// "true"
  2. alert(null===undefined);// "false"
  那么，看来JS解释器一般认为null和undefined是相等的了，虽然在严格等于运算时结果是false。（据说这是为了兼容以往的浏览器中没有undefined而设的。）
  由此引起了我们另一个思考：他们到底有何异同呢？实际上，导致他们严格等于运算返回false的是typeof的运算——在运算符节再详细解释吧。但他们其实还有一个语言规范层级的区别：undefined是作为Global对象的属性存在的，而null则是ECMA规范中设定的一个字面值。换句话说，undefined是存放在Global中的属性（所以像单态），而null是解释执行时产生的值。然而对他们的值作强制转换还是相同的，如：
  1. alert(!undefined);// "true"
  2. alert(!!undefined);// "true"
  3. alert(!null);// "true"
  4. alert(!!null);// "true"
  5. // 因此我们在使用if作判断的时候能直接判断变量是否为空或未定义
  6. alert(parseInt(undefined));// "NaN"
  7. alert(parseInt(null));// "NaN"
  8. // 注意NaN连自己也是不相等
  还值得注意的是，和其他语言不同，他们和0值是不相等的，除非转换成布尔值：
  1. alert(undefined==0);// "false"
  2. alert(null==0);// "false"
  3. alert(!undefined==!0);// "true"
  4. alert(!null==!0);// "true"
  另外，它们都不带属性的：
  1. alert(null.a);// "错误： null has no properties"
  2. alert(undefined.a);// "错误： undefined has no properties"
  最后，提一点我在项目中经常看到的，某些程序员喜欢将一些控件的属性是否定义的判定交给字符串"undefined"和null，但实际上只有null在起作用呢。
3. boolean
  
  下一个我们看到的类型是boolean，也就是我们常用来判断真假的布尔型。它的值只有两个：true和false。让我们来看看它的特点：
  1. varx=true;
  2. alert(x);// "true"
  3. alert(typeofx);// "boolean"
  4. alert(!x==0);// "true"
  5. alert(x==1);// "true"
  6. alert(x==2);// "false"
  7. alert(parseInt(x));<span class="comment" style="border-top-s
    
    >> 留言评论