javascript里申明变量的语句不能封装成函数么?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

javascript里申明变量的语句不能封装成函数么?

2016-03-11 11:46:45 1609 1

2个事件都要定义很多很多相同的变量,但是每次都要重新赋值,每个事件对应的这些变量都是要在触发后重新计算后再使用的,所有要用到的变量都是一样的,想简化代码封装成一个函数,但是运行失败说找不到变量,请问是不是这么做是行不通的呢?

  function mouseMove(){
        document.onmousemove=function(ev){
            var ev=ev||event;
            var L1=oDiv.offsetLeft-5;
            var L2=oDiv.offsetLeft+5;
            var R1=L1+oDiv.offsetWidth-5;
            var R2=L1+oDiv.offsetWidth+5;
            var T1=oDiv.offsetTop;
            var B1=oDiv.offsetTop+oDiv.offsetHeight;
            
            if(ev.clientX>L1&&ev.clientX<L2&&ev.clientY>T1&&ev.clientY<B1)
                document.documentElement.style.cursor='w-resize';
            else if(ev.clientX>R1&&ev.clientX<R2&&ev.clientY>T1&&ev.clientY<B1)
                document.documentElement.style.cursor='e-resize';
            else
                document.documentElement.style.cursor='auto';
        };        
    }
    document.onmousedown=function(ev){
        var ev=ev||event;
        var L1=oDiv.offsetLeft-5;
        var L2=oDiv.offsetLeft+5;
        var R1=L1+oDiv.offsetWidth-5;
        var R2=L1+oDiv.offsetWidth+5;
        var L=oDiv.offsetLeft;
        var R=oDiv.offsetLeft+oDiv.offsetWidth;
        var T1=oDiv.offsetTop;
        var B1=oDiv.offsetTop+oDiv.offsetHeight;        
        if(ev.clientX>L1&&ev.clientX<L2&&ev.clientY>T1&&ev.clientY<B1){
            var difX=ev.clientX-L;
            document.onmousemove=function(ev){
                var ev=ev||event;
                oDiv.style.left=ev.clientX-difX+'px';
                oDiv.style.width=R-ev.clientX+difX+'px';
            };
            document.onmouseup=function(){
                document.onmousemove=null;
                mouseMove();                
            };
        }
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 18:58:54
    before
    
    var a = 1;
    var b = 2;
    var c = 3;
    var d = 4;
    var e = 5;
    
    //xx(a,c,d,e,b)...
    after
    
    var ctx = newContext();
    
    //xx(ctx.a, ctx.c, ctx.d, ctx.e,ctx.b)...
    
    function newContext() {
      return {
        a: 1,
        b: 2,
        c: 3,
        d: 4,
        e: 5,
      }
    }
    0 0
相关问答

1

回答

在JavaScript中必须为变量设置具体的数据类型,这种说法对吗?

2021-11-22 17:25:21 379浏览量 回答数 1

1

回答

在JavaScript中必须为变量设置具体的数据类型理由是什么呢?

2021-11-02 19:33:48 245浏览量 回答数 1

1

回答

前端面试经典题目合集-js对象的深度克隆代码实现

2019-11-28 17:12:09 347浏览量 回答数 1

1

回答

js中怎么创建数组对象数组对象数组对象

2018-05-10 20:00:45 1322浏览量 回答数 1

1

回答

怎么输出一个js对象的类型

2018-05-10 20:00:40 1660浏览量 回答数 1

1

回答

js对象怎么生成数组

2018-05-10 20:00:34 1345浏览量 回答数 1

1

回答

js怎么把数组存到json对象

2018-05-10 20:00:21 2342浏览量 回答数 1

1

回答

js怎么把数组转成json字符串数组对象

2018-05-10 20:00:18 1246浏览量 回答数 1

1

回答

怎么遍历一个js对象

2018-05-10 20:00:15 1202浏览量 回答数 1

1

回答

JavaScript 怎么删除一个对象的样式中的某个属性?

2016-06-12 15:40:51 2459浏览量 回答数 1
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载