在编写公众号页面的过程中发现一个很明显却又很坑的问题.当你把全局变量赋给局部变量之后,如果你改变了局部变量,那么全局变量也会随着改变.
没听懂么?那么我们来看代码吧.
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) {
}
})
}