JavaScript引用类型和基本类型详解

基本类型和引用类型,基本类型和引用类型

在javascript中存在着两种类型的数据:基本类型和引用类型。

JavaScript引用类型和基本类型详解,javascript引用详解

在javascript中存在着两种类型的数据:基本类型和引用类型。

基本类型简单的说就是简单的数据段。

引用类型是由多个值构成的对象。

当我们进行赋值操作时,解析器会首先分析数据是值类型还是引用类型。

两种访问方式:

基本类型值:按值访问,操作的是他们实际保存的值;

引用类型值:按引用访问,当查询时,我们需要先从栈中读取内存地址,然后再顺藤摸瓜地找到保存在堆内存中的值;

图片 1

下面就分别介绍一下javascript的这两种数据类型。

一.基本数据类型:

在javascript中存在着六种基本类型数据:string、number、boolean、symbol(ES6新增)、null、undefined。
这五种基本数据类型可以直接操作保存在变量中的实际值。

代码实例如下:

var a=10;
var b=a;
b=20;
console.log(a);

上面的代码是一个简单的赋值操作,下面做一下简单介绍。

(1).首先数字是基本数据类型。
(2).var b=a,此赋值操作实际上是将a的数据拷贝一份,然后赋值给变量b。
(3).a和b是完全独立的。
(4).b=20,修改变量b的值不会影响变量a的值。

图示如下:

栈内存

图片 2

二.引用类型数据:

在javascript中,引用类型数据存储在堆内存中,但是不可以直接访问堆内存空间中的位置和操作堆内存空间。
只能通过操作对象的在栈内存中的引用地址。所以引用类型的数据,在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存在堆内存中的对象。

代码实例:

var obj1=new Object();
var obj2=obj1;
obj2.name="帮客之家";
console.log(obj1.name);

下面对代码上面的代码做一下分下。

(1).var obj1=new
Object(),这是创建一个对象,是一个引用类型数据,变量obj1存储的是对象在堆内存中的地址。
(2).var
obj2=obj1,这个赋值操作其实是将对象在堆内存中的存储地址复制给变量obj2,也就是两个变量存储的都是指向实际对象的内存地址,指向的是同一个对象。
(3).obj2.name=”帮客之家”,为对象添加一个属性。
(4).console.log(obj1.name),输出”帮客之家,因为两个变量指向同一个对象。

图示如下:

图片 3

String一个特殊的基本数据类型

在很多语言中,String是以对象的形式表示的,但在ECMAScript里没有沿用这种传统,String是当作一种基本数据类型,但它是一个比较特殊的基本类型。

看上去好像String应该做为一个引用类型,可实际上它不是,因为它不是对象。那么看起来它应该是基本数据类型,应该是通值传递的方式来操作。

看下面例子:

var stra = "这是一个字符串";
var strb = stra;
stra = "这是另外一个字符串";
console.log(strb); // 这是一个字符串 

上面例子我们看到,仿佛stra通过值传递的方式复制了一份给了strb。当stra改变的时候,strb并没有改变,似乎我们已经可以下结论,String就是个基本数据类型。

可是,因为String是可以任意长度的,通过值传递,一个一个的复制字节显示效率依然很低,看起来String也可以当作引用类型。

看下面例子:

var a = "myobject";
a.name = "myname";
console.log(a.name); // undefined 

显示String无法当作一个对象来处理。实际上,javascript里的String是不可以改变的,javascript也没有提供任何一个改变字符串的方法和语法。

var a = "myobject";
a = a.substring(3,5)
console.log(a); // bj 

记住这样做,就没有改变String字符串”myobject”,只a引用了另一个字符串”bj”,”myobject”被回收了。

所以可以这样讲,String实际上并不符合上面两种数据类型分类。它是具有两方面属性介于两都之间的一种特殊类型。

基本类型简单的说就是简单的数据段。

您可能感兴趣的文章:

  • 浅析JavaScript基本类型与引用类型
  • JavaScript数据类型之基本类型和引用类型的值
  • javascript中基本类型和引用类型的区别分析
  • 跟我学习javascript的基本类型和引用类型
  • JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
  • 详解JavaScript基本类型和引用类型

在javascript中存在着两种类型的数据:基本类型和引用类型。
基本类型简单的说就是简单…

引用类型是由多个值构成的对象。

当我们进行赋值操作时,解析器会首先分析数据是值类型还是引用类型。

两种访问方式:

基本类型值:按值访问,操作的是他们实际保存的值;

引用类型值:按引用访问,当查询时,我们需要先从栈中读取内存地址,然后再顺藤摸瓜地找到保存在堆内存中的值;

图片 4

下面就分别介绍一下javascript的这两种数据类型。

一.基本数据类型:

在javascript中存在着六种基本类型数据:string、number、boolean、symbol(ES6新增)、null、undefined。
这五种基本数据类型可以直接操作保存在变量中的实际值。

代码实例如下:

var a=10;
var b=a;
b=20;
console.log(a);

上面的代码是一个简单的赋值操作,下面做一下简单介绍。

(1).首先数字是基本数据类型。
(2).var b=a,此赋值操作实际上是将a的数据拷贝一份,然后赋值给变量b。
(3).a和b是完全独立的。
(4).b=20,修改变量b的值不会影响变量a的值。

图示如下:

栈内存

图片 5

二.引用类型数据:

在javascript中,引用类型数据存储在堆内存中,但是不可以直接访问堆内存空间中的位置和操作堆内存空间。
只能通过操作对象的在栈内存中的引用地址。所以引用类型的数据,在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存在堆内存中的对象。

代码实例:

var obj1=new Object();
var obj2=obj1;
obj2.name="脚本之家";
console.log(obj1.name);

下面对代码上面的代码做一下分下。

(1).var obj1=new
Object(),这是创建一个对象,是一个引用类型数据,变量obj1存储的是对象在堆内存中的地址。
(2).var
obj2=obj1,这个赋值操作其实是将对象在堆内存中的存储地址复制给变量obj2,也就是两个变量存储的都是指向实际对象的内存地址,指向的是同一个对象。
(3).obj2.name=”脚本之家”,为对象添加一个属性。
(4).console.log(obj1.name),输出”脚本之家,因为两个变量指向同一个对象。

图示如下:

图片 6

String一个特殊的基本数据类型

在很多语言中,String是以对象的形式表示的,但在ECMAScript里没有沿用这种传统,String是当作一种基本数据类型,但它是一个比较特殊的基本类型。

看上去好像String应该做为一个引用类型,可实际上它不是,因为它不是对象。那么看起来它应该是基本数据类型,应该是通值传递的方式来操作。

看下面例子:

var stra = "这是一个字符串";
var strb = stra;
stra = "这是另外一个字符串";
console.log(strb); // 这是一个字符串 

上面例子我们看到,仿佛stra通过值传递的方式复制了一份给了strb。当stra改变的时候,strb并没有改变,似乎我们已经可以下结论,String就是个基本数据类型。

可是,因为String是可以任意长度的,通过值传递,一个一个的复制字节显示效率依然很低,看起来String也可以当作引用类型。

看下面例子:

var a = "myobject";
a.name = "myname";
console.log(a.name); // undefined 

显示String无法当作一个对象来处理。实际上,javascript里的String是不可以改变的,javascript也没有提供任何一个改变字符串的方法和语法。

var a = "myobject";
a = a.substring(3,5)
console.log(a); // bj 

记住这样做,就没有改变String字符串”myobject”,只a引用了另一个字符串”bj”,”myobject”被回收了。

所以可以这样讲,String实际上并不符合上面两种数据类型分类。它是具有两方面属性介于两都之间的一种特殊类型。

您可能感兴趣的文章:

  • 浅析JavaScript基本类型与引用类型
  • JavaScript数据类型之基本类型和引用类型的值
  • javascript中基本类型和引用类型的区别分析
  • 跟我学习javascript的基本类型和引用类型
  • JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
  • 详解JavaScript基本类型和引用类型
  • 再谈Javascript中的基本类型和引用类型(推荐)