码迷,mamicode.com
首页 > 其他好文 > 详细

珂理化函数

时间:2015-12-29 00:52:41      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

有个需求:过一秒后执行fn,传递一个数字100,让fn中的this变为obj,输出"柯理化函数100"
    var name = "window";

    var obj = {name: "柯理化函数"};

    function fn(e, num) {
        console.log(this.name + num);
    }

 

 第一种思路,常规想法:

    window.setTimeout(fn, 1000);//->this window ->windowundefined

    window.setTimeout(fn,1000)
    document.addEventListener("click",fn,false);

  1)不灵活控制this
  2)不能传递形参的值

 

    window.setTimeout(function () {
            fn.call(obj, 100);
        }, 1000);

  

 

用珂理化函数来解决:

    function bind(callBack, context) {
        var outerArg = Array.prototype.slice.call(arguments, 2);
        return function () {
            var innerArg = Array.prototype.slice.call(arguments, 0);
            var arg = innerArg.concat(outerArg);
            callBack.apply(context, arg);
        }
    }

  

 window.setTimeout(bind(fn, obj, 100, 200), 1000); //珂理化函数200
    window.setTimeout(function () {
        fn.apply(obj, [100, 200]); //珂理化函数200
    }, 1000);

    document.addEventListener("click", bind(fn, obj, 100, 200), false); //珂理化函数100
    document.addEventListener("click", function (e) {
        fn.apply(obj, [e, 100, 200]);  //珂理化函数100
    }, false);

  

 

珂理化函数

标签:

原文地址:http://www.cnblogs.com/cataway/p/5084359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!