javascript值类型-解释JavaScript基本类型和引用类型的值

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

JavaScript 是一种属于 HTML 和 Web 的编程语言。 编程让计算机做你需要它们做的事情。 JavaScript 很容易学习。 本文重点讲解JavaScript的基本类型和引用类型的值。

ES6引入了一种新的原始数据类型Symboljavascript值类型，代表一个唯一的值。 它是 JavaScript 语言的第七种数据类型。 前六个分别是：Undefined、Null、Boolean（布尔）、String（字符串）、Value（数字）、Object（对象）。

基本型

JavaScript中有6种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（newinES6）！

约定：基本数据类型等同于原始数据类型。

原始数据类型的值是通过值来访问的。

原始类型值是不可变的

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的数据类型不同，也可以进行值比较，因为比较之前需要手动进行数据类型的隐式转换。

==：仅比较值

===：除了比较值之外，还必须比较数据类型

基本类型的变量存储在栈内存（Stack）中

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分别引用堆内存中存储的两个不同的对象，因此变量obj1和obj2的值（引用地址）也不同！

引用类型的值是存储在堆内存（Heap）中的对象（Object）

与其他编程语言不同javascript值类型，JavaScript 无法直接操作对象的内存空间（堆内存）。

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
};

示意图如下：

栈内存存储变量标识符和指向堆内存中的对象的指针。

对象的内容存储在堆内存中

支票类型

typeof：常用于衡量一个变量是否是最基本的数据类型

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：用于判断某个构造函数的prototype属性指向的对象是否存在于另一个要检查的对象的原型链上。 简单来说就是判断一个引用类型的变量是否是某种类型的对象

({}) instanceof Object              // true
([]) instanceof Array               // true
(/aa/g) instanceof RegExp           // true
(function(){}) instanceof Function  // true