js的基本数据类型和引用数据类型及深拷贝浅拷贝

  1、栈(stack)和堆(heap)

  stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小也不一定会自动释放

  2、js数据类型分两种

  (1)基本数据类型(值类型)Number、String、Boolean、Null、 Undefined、Symbol(ES6),这些类型可以直接操作保存在变量中的实际值。

  (2)引用数据类型(地址类型)Object(在JS中除了基数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象)

 

  基本数据类型存放在栈内存中

 

  引入数据类型存放在堆中,地址存放在栈中

 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

  3、深拷贝和浅拷贝

  所谓的深拷贝和浅拷贝说白了其实就是a复制b,如果a发生了变化,b也随着发生变化,说明是浅拷贝;如果a发生变化,b没有发生变化则是深拷贝。

  (1)浅拷贝的方法:

    <1> 等号赋值 (数组的拷贝)

     var arr1 = [1,2,3,4]

     var arr2 = arr1

     arr1[0] = 'a'

     console.log( arr1);   // ['a',2,3,4]

     console.log( arr2);   // ['a',2,3,4]

    <2> 简单的引用复制

    <3> Object.assign() 

  

 

    <4>解构赋值

    var  obj1 = { a:21,b:5,c:{d:8,e:7}}

    var obj2 = {...obj1}

  (2)深拷贝的方法有:

    <1>  JSON.stringify(obj) 先将对象转换为字符串   

       JSON.parse(str) 然后再将字符串转为对象。


    

    <2> 利用递归遍历的方式实现深拷贝

  

    <3> 下载插件  loadsh   

      通过  _.cloneDeep() 实现深拷贝

 

posted @ 2021-05-17 10:52  IT小姐姐  阅读(436)  评论(1编辑  收藏  举报