ECMAScript
中有5中简单数据类型(也称为基本数据类型): Undefined
、Null
、Boolean
、Number
和String
。还有1中复杂的数据类型————Object
,Object
本质上是由一组无序的名值对组成的。es6
其中Undefined
、Null
、Boolean
、Number
都属于基本类型。Object
、Array
和Function
则属于引用类型,String
有些特殊,具体的会在下面展开分析。web
ECMAScript
中用var
关键字来定义变量,由于js
是弱类型的,因此没法肯定变量必定会存储什么值,也就不知道变量到底会是什么类型,并且变量的类型能够随时改变。编程
这就是ECMAScript
是松散类型的来由,所谓松散类型就是能够用来保存任何类型的数据。浏览器
ps:
es6
中新增了let
命令来声明变量、const
命令声明一个只读的常量。框架
let
的用法相似于var
,可是所声明的变量,只在let
命令所在的代码块内有效。编程语言
const
一旦声明,常量的值就不能改变。函数
关于let
、const
这里不作展开讨论,能够参考 阮一峰 - ECMAScript 6 入门测试
因为js
中的变量是松散类型的,因此它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字.
经过typeof
关键字,对这5种数据类型会返回下面的值(以字符串形式显示)
undefined
---------- 若是值未定义 Undefined
设计
boolean
---------- 若是这个值是布尔值 Boolean
指针
string
---------- 若是这个值是字符串 String
number
---------- 若是这个值是数值类型 Number
object
---------- 若是这个值是对象或null
Object
须要注意的是typeof null
返回为object
,由于特殊值null
被认为是一个空的对象引用。
Undefined
类型只有一个值,即特殊的undefined
。在使用var
声明变量但未对其加以初始化时,这个变量的值就是undefined
。不过,通常建议尽可能给变量初始化,可是在早期的js
版本中是没有规定undefined
这个值的,因此在有些框架中为了兼容旧版浏览器,会给window
对象添加undefined
值。
window['undefined'] = window['undefined']; //或者 window.undefined = window.undefined;
Null
类型是第二个只有一个值的数据类型,这个特殊的值是null
。从逻辑角度来看,null
值表示一个空对象指针,而这也正是使用typeof
操做符检测null
时会返回object
的缘由。
var car = null; console.log(typeof car); // "object"
若是定义的变量准备在未来用于保存对象,那么最好将该变量初始化为null
而不是其余值。这样一来,只要直接检测null
值就能够知道相应的变量是否已经保存了一个对象的引用了。
例如:
if(car != null){ //对car对象执行某些操做 }
实际上,undefined值是派生自null值的,所以ECMA-262规定对它们的相等性测试要返回true。
console.log(undefined == null); //true
尽管null和undefined有这样的关系,但它们的用途彻底不一样。不管在什么状况下都没有必要把一个变量的值显式地设置为undefined,但是一样的规则对null却不适用。换句话说,只要意在保存对象的变量尚未真正保存对象,就应该明确地让该变量保存null值。这样作不只能够体现null做为空对象指针的惯例,并且也有助于进一步区分null和undefined。
该类型只有两个字面值:true和false。这两个值与数字值不是一回事,所以true不必定等于1,而false也不必定等于0。
虽然Boolean类型的字面值只有两个,但JavaScript中全部类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,能够调用类型转换函数Boolean(),例如:
var message = 'Hello World'; var messageAsBoolean = Boolean(message);
在这个例子中,字符串message被转换成了一个Boolean值,该值被保存在messageAsBoolean变量中。能够对任何数据类型的值调用Boolean()函数,并且总会返回一个Boolean值。至于返回的这个值是true仍是false,取决于要转换值的数据类型及其实际值。下表给出了各类数据类型及其对象的转换规则。
数据类型 | 转换为true的值 | 转换为false的值 |
---|---|---|
Boolean | true | false |
String | 任何非空的字符串 | ""(空字符串) |
Number | 任何非0数值(包括无穷大) | 0和NAN |
Object | 任何对象 | null |
Undefined | 不适用 | undefined |
var message = 'Hello World'; if(message) { alert("Value is true"); }
运行这个示例,就会显示一个警告框,由于字符串message被自动转换成了对应的Boolean值(true)。因为存在这种自动执行的Boolean转换,所以确切地知道在流控制语句中使用的是什么变量相当重要。
ps:使用!!操做符转换布尔值
!!通常用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;
对null与undefined等其余用隐式转换的值,用!操做符时都会产生true的结果,因此用两个感叹号的做用就在于将这些值转换为“等价”的布尔值;
var foo; alert(!foo);//undifined状况下,一个感叹号返回的是true; alert(!goo);//null状况下,一个感叹号返回的也是true; var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);
这段例子,演示了在undifined和null时,用一个感叹号返回的都是true,用两个感叹号返回的就是false,因此两个感叹号的做用就在于,若是明确设置了变量的值(非null/undifined/0/”“等值),结果就会根据变量的实际值来返回,若是没有设置,结果就会返回false。
还有其余的小技巧,能够参考这12个JavaScript技巧
这种类型用来表示整数和浮点数值,还有一种特殊的数值,即NaN(非数值 Not a Number)。这个数值用于表示一个原本要返回数值的操做数未返回数值的状况(这样就不会抛出错误了)。例如,在其余编程语言中,任何数值除以0都会致使错误,从而中止代码执行。但在JavaScript中,任何数值除以0会返回NaN,所以不会影响其余代码的执行。
NaN自己有两个非同寻常的特色。首先,任何涉及NaN的操做(例如NaN/10)都会返回NaN,这个特色在多步计算中有可能致使问题。其次,NaN与任何值都不相等,包括NaN自己。例如,下面的代码会返回false。
alert(NaN == NaN); //false
String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串能够由单引号(')或双引号(")表示。
String类型的特殊性
string类型有些特殊,由于字符串具备可变的大小,因此显然它不能被直接存储在具备固定大小的变量中。因为效率的缘由,咱们但愿JS只复制对字符串的引用,而不是字符串的内容。可是另外一方面,字符串在许多方面都和基本类型的表现类似,而字符串是不可变的这一事实(即无法改变一个字符串值的内容),所以能够将字符串当作行为与基本类型类似的不可变引用类型
Boolean、Number、String 这三个是Javascript中的基本包装类型,也就是这三个实际上是一个构造函数,他们是Function的实例,是引用类型,至于这里的String与以上说的String是同名,是由于其实上文说的String是指字符串,这里的String指的是String这个构造函数,上面那么写,是为了更好的理解,由于Javascript是松散类型的。咱们能够看下String实例化的例子:
var name = String("jwy"); alert(typeof name);//"string" var x=new String('12345') typeof x //object x='12345' typeof x //string var author = "Tom"; alert(typeof name);//"string"
至于author这个会有length,substring等等这些方法,其实string只是String的一个实例,相似于C#中的String,和string.
注意,typeof 变量 若是值是"string" 的话,也就是这个变量是字符串,在Javascript中,字符串是基本类型,而在C#或Java中,字符串是引用类型,可是Javascript中的String是引用类型,由于它是Javascript中定义好的基本包装类型,在C#中,String跟string实际上是同样的。
本帖只是简要的copy了一些JavaScript高级程序设计(第三版)内容,外加了本身侧重的角度,看本帖的朋友仍是要看书啊,这里只是作个参考。