手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript 赋值机制详解
Javascript 赋值机制详解
摘要:今天回答了一个关于Javascript的问题,涉及到了赋值问题,因此想把这个问题好好总结下。复制代码代码如下:vara='test';var...

今天回答了一个关于 Javascript 的问题,涉及到了赋值问题,因此想把这个问题好好总结下。

复制代码 代码如下:

var a = 'test';

var b = function() {};

b.a = 'test';

function change(m, n) {

m = 'change';

n.a = 'change';

}

change(a, b);

执行上述代码后,变量 a 和 b 的值会发生改变吗?

原始值和引用值

在 之前的文章中介绍过原始值和引用值,原始值指的 Undefined, Null, Boolean, Number, String 等,它们存放在栈中,而引用值则集成自 Object,它被存放在堆中。

这里要把两者区分清楚:

复制代码 代码如下:

var a = 'test';

var b = new String('test');

var A = 'true';

var B = new Boolean('true');

以上四个变量,a 和 A 为原始值,而 b 和 B 则为引用值。

赋值机制

清楚了原始值和引用值的区别后,就可以具体介绍 Javascript 的赋值机制:

在 Javascript 中,对于原始值类型的变量,每次赋值都将生成一份拷贝,而对于引用值,则正如其名,是通过引用赋值,指向同一个存储对象的内存处。

原始值的赋值:

复制代码 代码如下:

var a = 1;//原始值

var b = a;//生成一份拷贝给变量 b

b = 2;//与 a 无关

alert(a);//输出 1

引用值的赋值:

复制代码 代码如下:

var A= new Object();//引用值

A.x = 1;

var B = A;//引用赋值,指向同一个内存处

B.x = 2;//修改 B 将影响 A

alert(A.x);//输出 2

参数传递

现在我们来看看传递两种类型的值给函数形参时时怎么处理的。

1.传递原始值

复制代码 代码如下:

var a = 1;

function test(m) {

m = 2;

}

test(a);

alert(a);//输出 1

输出为1,所以我们知道函数只是将变量的值传递进去了,所以在函数体内的 m 得到传来的值1,再被赋值为2,这个过程不影响外部的变量 a。

2.传递引用值

复制代码 代码如下:

var A= new Object();

A.x = 1

function test(M) {

M.x = 2;

}

test(A);

alert(A.x);//输出 2

输出为2,所以我们知道函数将变量的地址传递进去了,所以函数体内的 M 得到传递来的地址,因此属性 x 被赋值为2的同时也会影响指向同一内存地址的 A。

总结

现在再回到开篇的问题:

复制代码 代码如下:

var a = 'test';

var b = function() {};

b.a = 'test';

function change(m, n) {

m = 'change';

n.a = 'change';

}

change(a, b);

变量 a 为原始值,变量 b 为引用值,传递进函数体内一个为值,一个为地址,所以函数运行后,变量 a 不会改变,而变量 b 的值将会改变。

【Javascript 赋值机制详解】相关文章:

javascript 动态添加表格行

浅析javascript函数表达式

JavaScript实现列表分页功能特效

JavaScript中的substr()方法使用详解

JavaScript Date对象详解

HTML TO JavaScript 转换

javascript正则表达式总结

JavaScript function函数种类详解

JavaScript中for循环的使用详解

学习Javascript面向对象编程之封装

精品推荐
分类导航