JS进阶(一)---关于js基本类型与引用类型(堆内存、栈内存的理解)

一、基本类型

    基本的数据类型有:Number,Boolean,String,undefined,null  5种基本类型
    基本类型的访问是按值访问,就是说你可以操作保存在变量中的实际的值。
    特点:
    1.基本数据类型的值是不可变的:
       任何方法都无法改变一个基本类型的值,比如一个字符串:
       
        var name = 'jozo';
        name.toUpperCase(); // 输出 'JOZO'
        console.log(name); // 输出  'jozo'
        
        会发现原始的name并未发生改变,而是调用了toUpperCase()方法后返回的是一个新的字符串。
    再来看个:
     
    
    var person = 'jozo';
    person.age = 22;
    person.method = function(){//...};
     
    console.log(person.age); // undefined
    console.log(person.method); // undefined
    
    通过上面代码可知,我们不能给基本类型添加属性和方法,再次说明基本类型时不可变得;
复制代码

二、基本类型的比较是值的比较

        只有在它们的值相等的时候它们才相等。
        但你可能会这样:
        var a = 1;
        var b = true;
        console.log(a == b);//true
        
        你会说上面为什么会是相等呢,因 == 运算符比较两个不同类型的变量时会进行一些类型转换。像上面的比较先会把true转换为数字1进行比较,结果就是true;
复制代码

三、基本类型的变量是存放在栈区的(栈区指内存里的栈内存)

        假如有以下几个基本类型的变量:
        var name = 'jozo';
        var city = 'guangzhou';
        var age = 22;
        栈区包括了 变量的标识符和变量的值。
        那么它的存储结构如下图:
复制代码

**四、引用类型**  
 javascript中除了上面的基本类型(number,string,boolean,null,undefined)之外就是引用类型了,也可以说是就是对象了。对象是属性和方法的集合。
复制代码

也就是说引用类型可以拥有属性和方法,属性又可以包含基本类型和引用类型。来看看引用类型的一些特性: 1.引用类型的值是可变的 我们可为为引用类型添加属性和方法,也可以删除其属性和方法,如:

var person = {};//创建个控对象 --引用类型
person.name = 'jozo';
person.age = 22;
person.sayName = function(){console.log(person.name);} 
person.sayName();// 'jozo'
 
delete person.name; //删除person对象的name属性
person.sayName(); // undefined
 
上面代码说明引用类型可以拥有属性和方法,并且是可以动态改变的。

2.引用类型的值是同时保存在栈内存和堆内存中的对象
引用类型的存储需要内存的栈区和堆区(堆区是指内存里的堆内存)共同完成,栈区内存保存变量标识符和指向堆内存中该对象的指针,
也可以说是该对象在堆内存的地址。
假如有以下几个对象:
        var person1 = {name:'jozo'};
        var person2 = {name:'xiaom'};
        var person3 = {name:'xiaoq'};
复制代码

则这三个对象的在内存中保存的情况如下图:

3.引用类型的比较是引用的比较

     var person1 = '{}';
     var person2 = '{}';
     console.log(person1 == person2); // true
复制代码

上面讲基本类型的比较的时候提到了当两个比较值的类型相同的时候,相当于是用 === ,所以输出是true了。再看看:

         var person1 = {};
        var person2 = {};
        console.log(person1 == person2); // false
复制代码

可能你已经看出破绽了,上面比较的是两个字符串,而下面比较的是两个对象,为什么长的一模一样的对象就不相等了呢?

别忘了,引用类型时按引用访问的,换句话说就是比较两个对象的堆内存中的地址是否相同,那很明显,person1和person2在堆内存中地址是不同的:

3.简单赋值 基本类型赋值: 从一个变量向另一个变量赋值基本类型时,会在该变量上创建一个新值,然后再把该值复制到为新变量分配的位置上:

var a = 10;
var b = a;
 
a ++ ;
console.log(a); // 11
console.log(b); // 10
复制代码

a中保存的值为 10 ,当使用 a 来初始化 b 时,b 中保存的值也为10,但b中的10与a中的是完全独立的,该值只是a中的值的一个副本,此后, 这两个变量可以参加任何操作而相互不受影响。

也就是说基本类型在赋值操作后,两个变量是相互不受影响的。

4.对象引用赋值 当从一个变量向另一个变量赋值引用类型的值时,同样也会将存储在变量中的对象的值复制一份放到为新变量分配的空间中。前面讲引用类型的时候提到,

保存在变量中的是对象在堆内存中的地址,所以,与简单赋值不同,这个值的副本实际上是一个指针,而这个指针指向存储在堆内存的一个对象。那么赋值操作后

两个变量都保存了同一个对象地址,则这两个变量指向了同一个对象。因此,改变其中任何一个变量,都会相互影响

var a = {}; // a保存了一个空对象的实例
var b = a;  // a和b都指向了这个空对象
 
a.name = 'jozo';
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'
 
b.age = 22;
console.log(b.age);// 22
console.log(a.age);// 22
 
console.log(a == b);// true
复制代码

它们的关系如下图:

来自 www.cnblogs.com/chenhuichao… 一、内存空间

Js的内存分为栈内存和堆内存
JavaScript有自动垃圾收集机制,那么这个自动垃圾收集机制的原理是什么呢?
其实很简单,就是找出那些不再继续使用的值,
然后释放其占用的内存。垃圾收集器会每隔固定的时间段就执行一次释放操作。
复制代码

 内存的生命周期:分配内存,使用内存,释放内存                      

二、数据类型:

 基本数据类型:Number,Boolean,String,undefined,null 5种基本类型  基本数据类型存放于栈内存。包括变量标识符和变量的值。

  var name = 'jozo';
   name.toUpperCase(); // 输出 'JOZO'
   console.log(name); // 输出  'jozo'
复制代码

引用数据类型: Object,Array

可以为引用类型添加属性和方法,也可以删除其属性和方法(delete person.name)。 对象是属性和方法的集合。 也就是说引用类型可以拥有属性和方法,属性又可以包含基本类型和引用类型。来看看引用类型的一些特性:

你可能感兴趣的:(JS进阶(一)---关于js基本类型与引用类型(堆内存、栈内存的理解))