zoukankan      html  css  js  c++  java
  • call,apply,bind的区别

    callapplybind方法的共同点和区别:
    apply 、 call 、bind 三者都是用来改变函数的this对象的指向的;
    apply 、 call 、bind 三者第一个参数都是this要指向的对象,也就是想指定的上下文(函数的每次调用都会拥有一个特殊值——本次调用的上下文(context)——这就是this关键字的值。);
    apply 、 call 、bind 三者都可以利用后续参数传参;
    bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用 。

    用一个实例来说明吧。

    已知函数 fn 执行需要 3 个参数。请实现函数 partial,调用之后满足如下条件:
    1、返回一个函数 result,该函数接受一个参数
    2、执行 result(str3) ,返回的结果与 fn(str1, str2, str3) 一致

    输入:

    var sayIt = function(greeting, name, punctuation) {     return greeting + ', ' + name + (punctuation || '!'); }; 
    partial(sayIt, 'Hello', 'Ellie')('!!!');

    输出:

    Hello, Ellie!!!
     call和apply必须显式地调用str3,立即执行
     bind不是立即执行,未传入str3时,并未执行,只是返回一个函数,等待参数传入
    // call
    function partial(fn, str1, str2) {
        function result(str3) {
            return fn.call(this, str1, str2, str3);
    //指定上下文为this,之后参数挨个依次传入
        }
     
         return result;
    }
    // apply
    function partial(fn, str1, str2) {
        function result(str3) {
            return fn.apply(this, [str1, str2, str3]);
    //参数以数组的形式传入
        }
     
        return result;
    }

    bind不加后面的括号返回的是函数,加上后面的括号返回的是函数值,这也是bind和call和apply的主要区别,bind需要二次调用,而call和apply返回的是函数值,是直接调用。这道题让我更理解了三者的区别。

    function partial(fn, str1, str2) {
        
        var result=function(str3){
            return fn.bind(this,str1,str2)(str3);
        };
        return result;
    }
  • 相关阅读:
    mac攻略(八) -- 神器zsh和iterm2的配置
    linux学习(二) -- ubuntu下lnmp环境的配置
    linux学习(一) -- ubuntu下lamp环境的配置
    算法学习(一) -- 基本算法
    laravel5.2总结--数据填充
    laravel5.2总结--数据迁移
    laravel5.2总结--redis使用
    laravel5.2总结--关联关系
    mac攻略(七) -- 环境变量PATH分析
    mac攻略(六) -- mac根目录分析
  • 原文地址:https://www.cnblogs.com/sunmarvell/p/9168005.html
Copyright © 2011-2022 走看看