本节书摘来自异步社区《JavaScript核心概念及实践》一书中的第2章，第2.1节，作者：邱俊涛著，更多章节内容可以访问云栖社区“异步社区”公众号查看

第2章 基本概念

本章将聚焦于JavaScript中的基本概念，这些概念与传统语言有比较大的不同，因此单独列出一章来做专门描述。理解本章的概念对书中后续章节的概念，代码的行为等会有很大的帮助，读者不妨花比较多的时间阅读本章，即使你对JavaScript已经比较熟悉，也建议通读本章。

本章主要讲述JavaScript中的数据类型（基本类型与引用类型）、变量（包括变量的作用域）、操作符（主要是一些较为常见，但是不容易从字面上理解的操作符）。由于JavaScript中的“一切皆对象”，在掌握了这些基本的概念之后，读者就可以较为轻松地理解诸如作用域、调用对象、闭包等较难理解的概念了。

2.1 数据类型

有程序设计经验的读者肯定知道，在C或者Java这样的语言中，数据是有类型的。比如用以表示用户名的属性是字符串，而一个雇员的年龄则是一个数字，表示UI上的一个开关按钮的数据模型则为布尔值等，对数字可能还可以细分为浮点数、整型数，整型数又可能分为长整型和短整型，总而言之，它们都表示语言中的数据的值的类型。

JavaScript中的数据类型分为两种：基本数据类型和对象类型。其中对象类型包含对象、数组以及函数，基本数据类型在必要时会被隐式地转换为对象。

2.1.1 数据类型

在JavaScript中，包含6种数据类型、字符串（string）、数值（number）、布尔值（boolean），undefined、null及对象（object）。下面是一些简单的例子。

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

我们可以分别查看变量的值及变量的类型：

print(str);print(i);print(f);print(b);print(typeof str);print(typeof i);print(typeof f);print(typeof b);print(typeof x);

注意，在此处使用的print()函数为Rhino解释器的顶层对象的方法，可以用来打印字符串。通常情况下，在客户端，程序员多使用alert()进行类似的动作，alert()是浏览器中JavaScript解释器的顶层对象（window）的一个方法。

Hello, world102.3truestringnumbernumberBooleanundefined

在JavaScript中，所有的数字，不论是整型、浮点型，都属于“数字”基本类型。typeof是一个一元的操作符，在本章的另外一个小节会专门讲到。

2.1.2 对象类型

这里提到的对象不是对象本身，而是指一种类型，我们在第3章会对对象进行详细的讨论，此处的对象包括：对象（属性的集合，即键值的散列表）、数组（有序的列表）、函数（包含可执行的代码）。

对象类型是一种复合的数据类型，其基本元素由基本数据类型组成，当然不限于基本类型，比如对象类型中的值可以是其他的对象类型实例，我们通过例子来说明。

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(){    print("I am a function here");}

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

print(typeof obj);print(typeof array);print(typeof func);//将打印出objectobjectfunction

读者可能会对print（typeof array）打印出object感到奇怪，事实上，对象和数组的界限并不那么明显（事实上它们是属于同一类型的），但是它们的行为却非常不同，本书的后续章节将两个重要的数据类型做了分别介绍。

2.1.3 基本类型与对象间的转换

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

var str = "JavaScript Kernal";print(str.length);//打印17print(typeof str);//打印string

str为一个字符串，通过typeof可以得知其type为"string"，而：

var str2 = new String("JavaScript Kernal");print(typeof str2);//打印object

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

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

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

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

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

初学者容易被JavaScript中的类型转换规则搞晕，很多情况下会觉得那种写法看着非常别扭，其实只需要掌握了规则，这些古怪的写法会大大提高代码的性能。我们通过例子来学习这些规则。

var x = 3;var y = x + "2";// => 32var z = x + 2;// => 5print(y);print(z);

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

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

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

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

而在传统的编程语言（强类型）中，我们则需要：

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

2.1.4 类型的判断

前面讲到JavaScript特性的时候，我们说过，JavaScript是一个弱类型的语言，但是有时我们需要知道变量/参数在运行时的类型，比如，一个函数接受的参数类型为函数类型。

function handleMessage(message, handle){    return handle(message);}

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

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

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

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

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

print(obj instanceof Array);//falseprint(array instanceof Array);//true

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