js函数，一个参数放的位置不同报错！

2011-08-23 03:16:12 217 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

JavaScript函数参数优化：从位置参数到命名参数的实践在日常JavaScript开发中，函数参数传递直接影响代码的可读性与维护性。传统的位置参数在参数数量增多时容易引发顺序错乱、布尔值歧义等问题，尤其面对频繁迭代的业务需求，代码脆弱度急剧上升。借助ES6解构赋值，开发者可以优雅地实现命名参数，让调用处自带语义，显著提升自解释性，并降低变更成本。命名参数在配置项密集型API、多个布尔开关组合、快速演进的函数签名等真实场景中优势明显，但也要注意函数length属性失真、对象分配开销及key拼写错误等隐性代价。工程实践中可结合ESLint限制参数数量、使用TypeS 阅读详情



<html>  

<head>    

<style type="text/css">

div.line {  

    position:absolute;  

    z-index:2;  

    width:1px;  

    height:1px;  

    font-size:1px;  

    background-color:#0000FF;  

    overflow:hidden;  

}  

</style>



<script type="text/javascript"> 

var sX = 0;

var sY = 0;

var eX = 0;

var eY = 0;

var fline=false;

function mouseup(event)

{

 if(fline)         //fline为真，划直线

 {

   eX = event.clientX;    //结束点

   eY = event.clientY;

   fline=false;

   line(document.getElementById('container'));

  }

  else

  {

     fline=true;

     sX = event.clientX;  //开始点

     sY = event.clientY;

  }

}



function line(container) {  

    if (sX == eX) {  

        if (sY > eY) {  

            var tempY = sY;  

            sY = eY;  

            eY = tempY;  

        }  

        for (var k = sY; k < eY; k++) {  

            createPoint(container, sX, k);  

        }  

     }  

     // y = ax + b  

     var a = (sY - eY) / (sX - eX);  

     var b = sY - ((sY - eY) / (sX - eX)) * sX;  

     if (Math.abs(sX - eX) > Math.abs(sY - eY)) {  

         if (sX > eX) {  

             var tempX = eX;  

             eX = sX;  

             sX = tempX;  

         }  

         var left = container.style.left;  

         var top = container.style.top;  

         for (var i = sX; i <= eX; i++) {  

             createPoint(container, i, a * i + b);  

         }  

    } 

    else {  

         if (sY > eY) {  

             var tempY = sY;  

             sY = eY;  

             eY = tempY;  

         }  

         for (var j = sY; j <= eY; j++) {  

             createPoint(container, (j - b) / a, j);  

         }  

    }  

       

}  

   

 function createPoint(container, x, y) {  

     var node = document.createElement('div');  

     node.className = 'line';  

     node.style.marginTop = y;  

     node.style.marginLeft = x;  

     container.appendChild(node);  

 }   

</script>  

</head>  

<body onmouseup = mouseup(event)>  

    <div id="container" style="width:100%;height:100%;border:1px;margin-left:1px"></div>   

</body>  

</html>