一,问题描述
var old_id = 1, imgNum=5; $(".num-l a").click(function(){ var num = $(this).html(); //假设此处为2 old_id = num; }); function doNextImage() { var new_id = old_id+1; //new_id为21而不是预期的3 if(new_id > imgNum) new_id = 1; alert(new_id ); //输出字符串21 }
二,问题原因
在js语法中,所有变量类型为弱引用类型;虽然在定义
old_id变量时赋值为整数1,指定old_id为int型。但是在后续的赋值中 var num = $(this).html();old_id = num;由于num为字符串类型,所以old_id又变为字符串类型了,这才出现new_id的值不是我们预期的整数3,而是字符串21(相加操作变成字符串的拼接了)。从而带来了后续程序逻辑上的错误!!!
三,解决办法
var num = parseInt($(this).html()); //parseInt(),parseFloat()等都是js内置的函数,用于将字符串转换为数字型。