首页 > Web开发 > 详细

JS变量定义时连续赋值的坑!

时间:2018-11-18 10:54:53      阅读:183      评论:0      收藏:0      [点我收藏+]

在定义变量时,可以将值相同的变量采用连续赋值的方式,如下代码:

var a = b = c = ‘‘;

其实这里面有一个很大很大的坑,以代码说明问题:

<script language="javascript">
    function test(){
        var i = 0;
        _test();
        
        
        function _test(){
            if(++i>2) return;
            
            var a = b = ‘‘; // 这里连续赋值
            for(var j=0; j<=2; j++){
                b = a + b;
                 _test();
            }
              console.log(b:+b);
        }
    }
    test();    
</script>
<script language="javascript">
    function test(){
        var i = 0;
        _test();
        
        
        function _test(){
            if(++i>2) return;
            
            var a = b = ‘‘; // 这里连续赋值
            for(var j=0; j<=2; j++){
                b = a + b;
                 _test();
            }
              console.log(b:+b);
        }
    }
    test();    
</script>

上例中返回的结果为:

b:aaa
b:aaaaa

与我想像中的结果不一定,我想要的结果是:

b:aaa
b:aaa

所以,去掉连续赋值,改成逐个赋值,结果就正确了,代码如下:

<script language="javascript">
    function test(){
        var i = 0;
        _test();
        
        
        function _test(){
            if(++i>2) return;
            
            var a =‘‘,  b = ‘‘; // 这里逐个赋值
            for(var j=0; j<=2; j++){
                b = a + b;
                 _test();
            }
              console.log(b:+b);
        }
    }
    test();    
</script>

 

说重点:建议不要连续赋值!

JS变量定义时连续赋值的坑!

原文:https://www.cnblogs.com/wm218/p/9977070.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!