在编写公众号页面的过程中发现一个很明显却又很坑的问题.当你把全局变量赋给局部变量之后,如果你改变了局部变量,那么全局变量也会随着改变.
没听懂么?那么我们来看代码吧.
var hi = {};
hi['longlong'] = '520';
function helloWorld(next_step) {
var hello = hi;
hello['life'] = '1314';
console.log(hello, hi);
}
代码如上,打印结果如下

解决方案:使用$.each()方法
{#var hello = hi;#}
$.each(hi, function (key, value) {
hello[key] = value;
})
另外,当你在一个事件内部的方法中使用了一个外部事件的属性是获取不到值的,例如以下代码:
var hi = {};
hi['longlong'] = '520';
function helloWorld(next_step) {
var hello = hi;
hello['life'] = '1314';
console.log(hello, hi);
$.ajax({
url:base_url + next_step,//这里可以取到next_step的值
global:false,
type:'GET',
dataType:'html',
success: function (data) {
console.log(next_step);//这里打印为空
},
error: function (err) {
}
})
}
解决方法:
var hi = {};
hi['longlong'] = '520';
function helloWorld(next_step) {
var hello = hi;
hello['life'] = '1314';
console.log(hello, hi);
var temp_next_step = next_step;
$.ajax({
url:base_url + next_step,//这里可以取到next_step的值
global:false,
type:'GET',
dataType:'html',
success: function (data) {
console.log(temp_next_step);//这里打印等于next_step的值
},
error: function (err) {
}
})
}
本文通过实例探讨了JavaScript中全局变量与局部变量赋值时的常见误区,即直接赋值导致两者指向同一内存地址的问题,并提供了正确的深拷贝解决方案及事件处理中变量作用域的注意事项。
864

被折叠的 条评论
为什么被折叠?



