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

JavaScript015

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

}

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

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

1、首先创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件，在html文件上找到<body>，在<body>标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alert弹出框并保存，当引入js文件成功就会执行alert弹出框。

5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个弹出，表示引入js文件成功。

值传递仅仅传递的是值

引用传递，传递的是内存地址，修改后会改变内存地址对应储存的值。

用数组来举例就最清楚了，例如我们定义一个数组a[]={1,2}

那么a[0]=1,a[1]=2。

如果我们把数组a里的元素值作为参数传递，实际上只是进行了值传递，对数组本身没有影响

如果我们把 数组a的指针作为参数传递，那么假如处理的函数就可以直接修改数组a里的值。

代码实例：（只是写个大概的逻辑，语法可能有错误）

main()

{

int a[]={1,2}

test(a)

printf(a[0]) //此处打印的值是3， 这就是引用传递。

}

public void test(int b[])

{

b[0]=3

}