浅谈js变量的弱引用类型所带来的问题

一，问题描述

     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内置的函数，用于将字符串转换为数字型。