JavaScript学习笔记

JavaScript中的数据类型分为两种：基本数据类型和对象类型，其中对象类型包含对象，数组，以及函数。

基本数据类型
在JavaScript中，包含三种基本的数据类型，字符串(String)，数值(Number)，布尔值(boolean)
Js代码
var str = "Hello, world";//字符串  
var i = 10;//整型数  
var f = 2.3;//浮点数  
   
var b = true;//布尔值 

var str = "Hello, world";//字符串
var i = 10;//整型数
var f = 2.3;//浮点数

var b = true;//布尔值
可以分别查看变量的值及变量的类型：
Js代码
alert(str);  
alert(i);  
alert(f);  
alert(b);  
   
alert(typeof str);  
alert(typeof i);  
alert(typeof f);  
alert(typeof b); 
Js代码
Hello, world  
10  
2.3  
true 
   
string  
number  
number  
Boolean 
在JavaScript中，所有的数字，不论是整型浮点，都属于“数字”基本类型。typeof是一个一元的操作符.
对象类型
这里提到的对象不是对象本身，而是指一种类型,此处的对象包括，对象(属性的集合，即键值的散列表)，数组(有序的列表)，函数(包含可执行的代码)。

对象类型是一种复合的数据类型，其基本元素由基本数据类型组成，当然不限于基本类型，比如对象类型中的值可以是其他的对象类型实例

Js代码
var str = "Hello, world";  
var obj = new Object();  
obj.str = str;  
obj.num = 2.3;  
   
var array = new Array("foo", "bar", "zoo");  
   
var func = function(){  
    alert("I am a function here");  
} 



可以看到，对象具有属性，如obj.str, obj.num，这些属性的值可以是基本类型，事实上还可以更复杂，

Js代码
alert(typeof obj);  
alert(typeof array);  
alert(typeof func);      
//将打印出  
object  
object  
function

两者之间的转换
类似与Java中基本数据类型的自动装箱拆箱，JavaScript也有类似的动作，基本数据类型在做一些运算时，会临时包装一个对象，做完运算后，又自动释放该对象。我们可以通过几个例子来说明：

Js代码
var str = "JavaScript Kernal";  
print(str.length);//打印17 


str为一个字符串，通过typeof运算符可知其type为”string”，而：

Js代码
var str2 = new String("JavaScript Kernal");  
   
print(typeof str2);  

可知，str2的type为”object”，即这两者并不相同，那么为什么可以使用str.length来的到str的长度呢？事实上，当使用str.length时，JavaScript会自动包装一个临时的String对象，内容为str的内容，然后获取该对象的length属性，最后，这个临时的对象将被释放。   

而将对象转换为基本类型则是通过这样的方式：通过调用对象的valueOf()方法来取得对象的值，如果和上下文的类型匹配，则使用该值。如果valueOf取不到值的话，则需要调用对象的toString()方法，而如果上下文为数值型，则又需要将此字符串转换为数值。由于JavaScript是弱类型的，所以JavaScript引擎需要根据上下文来“猜测”对象的类型，这就使得JavaScript的效率比编译型的语言要差一些。

valueOf()的作用是，将一个对象的值转换成一种合乎上下文需求的基本类型，toString()则名副其实，可以打印出对象对应的字符串,当然前提是你已经“重载”了Object的toString()方法。

事实上，这种转换规则会导致很多的问题，比如，所有的非空对象，在布尔值环境下，都会被转成true，比如：

Js代码
function convertTest(){  
if(new Boolean(false) && new Object() &&  
new String("") && new Array()){  
       print("convert to boolean")  
    }    
}  
   
convertTest();//convert to Boolean

通常可以在JS代码中发现这样的代码：


Js代码
if(datamodel.item){  
    //do something...  
}else{  
    datamodel.item = new Item();  
} 

if(datamodel.item){
    //do something...
}else{
    datamodel.item = new Item();
}




这种写法事实上具有更深层次的含义：

应该注意到，datamodel.item是一个对象(字符串，数字等)，而if需要一个boolean型的表达式，所以这里进行了类型转换。在JavaScript中，如果上下文需要boolean型的值，则引擎会自动将对象转换为boolean类型。转换规则为，如果该对象非空，则转换为true,否则为false.因此我们可以采取这种简写的形式。

类型的判断
前面讲到JavaScript特性的时候，JavaScript是一个弱类型的语言，但是有时我们需要知道变量在运行时的类型，比如，一个函数的参数预期为另一个函数：


Js代码
function handleMessage(message, handle){  
    return handle(message);  
} 


当调用handleMessage的函数传递的handle不是一个函数则JavaScript引擎会报错，因此我们有必要在调用之前进行判断：


Js代码
function handleMessage(message, handle){  
    if(typeof handle == "function"){  
       return handle(message);   
    }else{  
       throw new Error("the 2nd argument should be a function");  
    }  
} 


但是，typeof并不总是有效的，比如下面这种情况：

Js代码
var obj = {};  
var array = ["one", "two", "three", "four"];  
   
print(typeof obj);//object  
print(typeof array); //object 


运行结果显示，对象obj和数组array的typeof值均为”object”，这样我们就无法准确判断了，这时候，可以通过调用instanceof来进行进一步的判断：

Js代码
print(obj instanceof Array);//false  
print(array instanceof Array);//true 


第一行代码返回false,第二行则返回true。因此，我们可以将typeof操作符和instanceof操作符结合起来进行判断。