前言、JavaScript 数据类型
首先要清楚JavaScript包含哪些数据类型,字符串(String)、数字(Number)、布尔(Boolean)、函数(Function())、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)是JavaScript常见的数据类型。
一、值传递
JavaScript值传递的数据类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined),这五种数据类型是按值访问的,因为可以直接操作保存在变量中的实际值,JavaScript值传递的数据类型保存在栈内存中。
demo:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var a = 10;
var b = a;
document.write(b); //输出10
a = 12; //变量重新赋值
document.write(b); //输出10 说明a变量的改变未影响到b(值传递)
</script>
</head>
<body>
</body>
二、引用传递
JavaScript引用传递的数据类型:数组(Array)、对象(Object)、函数(Function())。JavaScript的引用数据类型是保存在堆内存中的对象。你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址。所以,引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。
demo:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var array1 = [10,20,30];
var array2 = array1;
document.write(array2[1]); //输出20
array1[1] = 100;
document.write(array2[1]); //输出100 此处是引用传递(通过数组的方式)
</script>
</head>
<body>
</body>
</html>
总结:
这就是JavaScript的值传递和引用传递的基本区别,和php的引用符号&不同,JavaScript不同的数据类型决定不同的值传递类型。