zoukankan      html  css  js  c++  java
  • bind&currying

    1. bind

    • 基本用法

      bind()是ECMAScript5中新增的方法,这个方法主要作用是将函数绑定至某个对象。当在函数f()上调用bind()方法并传入一个对象o作为参数,这个方法将返回一个新函数,这个新函数与原函数f()的区别仅仅是this参数指向了一个特定对象o。

      实例如下:

    function f(y){
        return this.x + y;  
    }
    var obj = {x: 1};
    var newFun = f.bind(obj);
    newFun(2);//=>3

      模拟基本用法:

    if(!Function.prototype.bind){
        Function.prototype.bind = function(/*o*/){
            var obj = arguments[0];
            var selfFun = this;
            return function(/*args*/){
                return selfFun.apply(obj, arguments);
            };
        };
    }
    function f(y){return this.x + y}
    var obj = {x: 1};
    var newFun = f.bind(obj);
    console.log(newFun(2));//=>3
    • currying

      什么是柯里化?如果你固定一个函数的某些参数,将得到接受余下参数的一个新函数。ECMAScript5中得bind()方法不仅仅能够将某个函数中的this绑定至特定对象,还可以将函数的形参绑定到特定值。bing()的这种应用方式成为柯里化(curring)。

      例子如下:

    var sum = function(x, y){return x + y + this.z};
    var obj = {z: 1};
    var newFun = sum.bind(obj, 1);
    console.log(newFun(1));//=>3

      模拟currying用法:

    if(!Function.prototype.bind){
        Function.prototype.bind = function(/*o, args*/){
            //保存要绑定的函数
            var selfFun = this;
            //保存绑定的实参
            var obj = arguments[0];//将第一个参数绑定到this
            var boundArgs = arguments;//将后面的参数绑定到函数的前面几个参数
    
            //bind方法返回一个函数(闭包)
            //这个闭包要访问外部函数中的selfFun, boundArgs, obj.
            return function(/*argsLeft*/){
                var args = [];//创建实参数组
                var i;
                for(i = 1; i < boundArgs.length; i++){//push绑定的实参
                    args.push(boundArgs[i]);
                }
                for(i = 0; i < arguments.length; i++){//push剩余实参
                    args.push(arguments[i]);
                }
                //闭包内要访问外部函数内定义的变量
                return selfFun.apply(obj, args);
            };
        }
    }
    
    function sum(x, y){return x + y + this.z};
    var obj = {z: 1};
    var newFun = sum.bind(obj, 1);
    console.log(newFun(1));//=>3

      

  • 相关阅读:
    初探element+vue+vue-router
    git命令移动文件夹到另一文件夹
    javascript最大公约数与最小公倍数
    求1-100数字的和
    [摘录]代码优化规则
    基于.NET平台常用的框架和开源程序整理
    软件架构师的12项修炼
    Service Oriented Architecture and WCF 【转】
    电商网站的初期技术选型【转】
    论SOA架构的几种主要开发方式【转】
  • 原文地址:https://www.cnblogs.com/iamswf/p/4762745.html
Copyright © 2011-2022 走看看