一个变量可以存放两种类型的值,基本类型的值(primitive values)和引用类型的值(reference values)。
ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。
JavaScript 中共有 6 种基本数据类型:Undefined、Null、Boolean、Number、String、Symbol (new in ES 6) !
约定:基本数据类型与原始数据类型等意。
基本数据类型的值是按值访问的。
- var str = "123hello321";
- str.toUpperCase(); // 123HELLO321
- console.log(str); // 123hello321
- var a = 1;
- var b = true;
- console.log(a == b); // true
- console.log(a === b); // false
上面 a 和 b 的数据类型不同,但是也可以进行值的比较,这是因为在比较之前,自动进行了数据类型的 隐式转换。
- var a,b;
- a = "zyj";
- b = a;
- console.log(a); // zyj
- console.log(b); // zyj
- a = "呵呵"; // 改变 a 的值,并不影响 b 的值
- console.log(a); // 呵呵
- console.log(b); // zyj
图解如下:栈内存中包括了变量的标识符和变量的值
除过上面的 6 种基本数据类型外,剩下的就是引用类型了,统称为 Object 类型。细分的话,有:Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型 等。
引用类型的值是按引用访问的。
- var obj = {name:"zyj"}; // 创建一个对象
- obj.name = "percy"; // 改变 name 属性的值
- obj.age = 21; // 添加 age 属性
- obj.giveMeAll = function(){
- return this.name + " : " + this.age;
- }; // 添加 giveMeAll 方法
- obj.giveMeAll();
- var obj1 = {}; // 新建一个空对象 obj1
- var obj2 = {}; // 新建一个空对象 obj2
- console.log(obj1 == obj2); // false
- console.log(obj1 === obj2); // false
因为 obj1 和 obj2 分别引用的是存放在堆内存中的2个不同的对象,故变量 obj1 和 obj2 的值(引用地址)也是不一样的!
- var a = {name:"percy"};
- var b;
- b = a;
- a.name = "zyj";
- console.log(b.name); // zyj
- b.age = 22;
- console.log(a.age); // 22
- var c = {
- name: "zyj",
- age: 22
- };
图解如下:
- var a;
- typeof a; // undefined
-
- a = null;
- typeof a; // object
-
- a = true;
- typeof a; // boolean
-
- a = 666;
- typeof a; // number
-
- a = "hello";
- typeof a; // string
-
- a = Symbol();
- typeof a; // symbol
-
- a = function(){}
- typeof a; // function
-
- a = [];
- typeof a; // object
- a = {};
- typeof a; // object
- a = /aaa/g;
- typeof a; // object
- ({}) instanceof Object // true
- ([]) instanceof Array // true
- (/aa/g) instanceof RegExp // true
- (function(){}) instanceof Function // true