js里类型:按值传递和按引用传递

JavaScript016

js里类型:按值传递和按引用传递,第1张

avascript的数据类型分为基本类型和引用类型(对象)。基本类型分为如下几种:

数字字面量

字符串字面量

布尔字面量

undefined

null

引用类型分为如下几种

new Object()

new Array()

new RegExp()

new String()

new Number()

new Bollean()

new 自定义对象()

通过new的方式生成的对象

{},[],正则字面量。

var a = 'abc'

var b = 123

var c = true

var d = undefined

var e = null

var f = {

 n: 'test'

}

f.n = null

var a = {

 b: 123,

 c: 'abc',

 d: true,

 e = null,

 f = {

   h: 'test',

   j: {

     k: 567    }

 }

}

函数的内存使用

functionsay(){  

 var a = '测试'  var b = {

   c: 123  }

}

functionsay(){  var a = '测试'  var b = {

   c: 123  }

}

say()

String;

按值传递,互相不影响

Number

按值传递,互相不影响

Boolean

按值传递,互相不影响

Array

按引用传递,对当前内存指向同一地址:

解决方案:

1.采用es6中Set进行解耦(浅拷贝)

2.使用JSON进行解耦(深拷贝)

3.使用slice函数进行解耦(浅拷贝)

4.利用拓展运算符解决(浅拷贝)

const a2=[...a1]

const[...a2]=a1

Object

按引用传递,对当前内存指向同一地址

采用JSON (深拷贝)

Object.assign()克隆(浅拷贝)

Object.create() 创建(浅拷贝)

浅拷贝只针对单层结构的数组或对象,对于复杂结构的需要采用深拷贝

更多深拷贝 ,可以采用jquery,lodash等类库实现

或者自己实现,对结构一层一层遍历

function copy (obj) {

        var newobj = obj.constructor === Array ? [] : {}

        if(typeof obj !== 'object'){

            return

        }

        for(var i in obj){

           newobj[i] = typeof obj[i] === 'object' ?

           copy(obj[i]) : obj[i]

        }

        return newobj

}

堆是动态分配内存,内存大小不一,也不会自动释放。栈是自动分配相对固定大小的内存空间,并由系统自动释放。

按引用传递的数据 再堆里面存储执行栈的指针

按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。

按引用传递(call by reference)时,函数的形参接收实参的隐式引用,而不再是副本。这意味着函数形参的值如果被修改,实参也会被修改。同时两者指向相同的值。

按引用传递会使函数调用的追踪更加困难,有时也会引起一些微妙的BUG。

按值传递由于每次都需要克隆副本,对一些复杂类型,性能较低。两种传值方式都有各自的问题。

JS的基本类型,是按值传递的。