简要概括:

apply(): 将函数作为指定对象的方法来调用,传递给它的是指定的参数数组
     ——function.apply(thisobj, args) 或者 function.apply(thisobj, args) bind(): 主要作用:将函数绑定到一个对象,返回一个新函数,通过可选的指定参数,作为指定对象的方法调用该方法
     ——function.bind(o) 或者是function.bind(o, args...); call(): 类似apply,将函数作为指定对象的方法来调用,传递给它的是指定参数
     ——function.call(thisobj, args.....)

apply


function.apply(thisobj, args)

  1、thisobj是调用function的对象,函数体内thisobj为this,如果参数为null则使用全局对象

  2、返回调用函数function的返回值

eg:

var data = [1, 2, 3, 4, 5];
Math.max.apply(null, data); // var data = [1, 2, 3, 4, 5];
console.log(data.toString()); //1,2,3,4,5
//将默认的toString方法应用到一个对象上
Object.prototype.toString.apply(data); //"[object Array]"

call


function.call(thisobj, args...)——和apply用法类似,只是传递的参数不是数组

  1、thisobj是调用function的对象,函数体内thisobj为this,如果参数为null则使用全局对象

  2、返回调用函数function的返回值

eg:

//call
var data = [1, 2, 3, 4, 5];
Math.max.call(null, data); //NAN
Math.max.call(null, 1, 2, 3, 4, 5); // var data = [1, 2, 3, 4, 5];
Object.prototype.toString.call(data); //"[object Array]"
Object.prototype.toString.call(1); //"[object Number]"

bind


function.bind(o, args)

  1、o要绑定在函数上的对象

  2、args...要绑定在函数上的零个或者是多个函数值

  3、返回一个新函数,该函数会当做o的方法调用,并向它传入args参数

eg1:

//bind
var sum = function( y){
return this.x + y;
}
var obj = {x: 1};
var objSum = sum.bind(obj);
objSum(3); //

eg2:

function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
} var newSum = sum.bind(null, 1); //此处this值绑定到null,第一个参数绑定到1
newSum(2); //
newSum(2, 3, 4); //

eg3:

function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
} var newSum = sum.bind(null, 1, 2); //此处this值绑定到null,第一个和第二个参数绑定到1、2
newSum(2); //
newSum(2, 3, 4); //

例2和例3中包含了函数柯里化(currying)的思想,即将函数的默认参数和可变参数结合, 把接受多个参数的函数变换成接受一个单一参数的函数,并返回接受新函数,这个新函数能够接受原函数的参数。

currying主要功能是通过已有的函数动态创建函数,创建的新函数仍然通过已有的函数发生作用,只是通过传入更过的参数来简化函数的参数方面的调用

另外, 柯里话在DOM的回调函数中用的很多

eg1:

var curry = function(fn){
var args = Array.prototype.slice.call(arguments, 1);
return function(){
return fn.apply(null, args.concat(Array.prototype.slice.call(arguments)));
}
}
function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
} var newSum= curry(sum, 1, 2);
newSum= newSum(1, 2, 3); //

eg2:

var curry = function(fn){
var args=[];
return function(){
if(arguments.length){
[].push.apply(args,arguments);
return arguments.callee;
}else{
return fn.apply(this,args);
}
}
}; function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
} var newSum= curry(sum);
newSum= newSum(1)(2)(3);
newSum(); //
newSum(4)(); //

了解更多currying可参考链接1链接二

另外, bind是ECMAScript5中新增的方法,在ECMAScript3中可以采用如下方式使用:

bind是ECMAScript5中新增的方法,在ECMAScript3中可以采用如下方式使用:

function bind(f, o){
if(f.bind){
return f.bind(o);
}else{
return function(){
return f.apply(o, arguments);
}
}
}

call, apply && bind, currying的更多相关文章

  1. Function.apply.bind()与Function.apply.bind()

    1.Function.apply.bind(…) 我在学习promise部分的时候遇到了这样的代码: Promise.resolve([10,20]).then(Function.apply.bind ...

  2. call,apply,bind的用法

    关于call,apply,bind这三个函数的用法,是学习javascript这门语言无法越过的知识点.下边我就来好好总结一下它们三者各自的用法,及常见的应用场景. 首先看call这个函数,可以理解成 ...

  3. JavaScript中call,apply,bind方法的总结。

    why?call,apply,bind干什么的?为什么要学这个? 一般用来指定this的环境,在没有学之前,通常会有这些问题. var a = { user:"追梦子", fn:f ...

  4. call(),apply(),bind()与回调

    1.call(),apply(),bind()方法 JavaScript 中通过call或者apply用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定 ...

  5. JS 的 call apply bind 方法

    js的call apply bind 方法都很常见,目的都是为了改变某个方法的执行环境(context) call call([thisObj[,arg1[, arg2[,   [,.argN]]]] ...

  6. javascript-this,call,apply,bind简述2

    上节我们一起研究了this这个小兄弟,得出一个结论,this指向调用this所在函数(或作用域)的那个对象或作用域.不太理解的朋友可以看看上节的内容,这次我们主要探讨一下call(),apply(), ...

  7. javascript-this,call,apply,bind简述1

    最近在系统的学习面向对象方面的知识,遇到的最大拦路虎就数this的指向,call,apply,bind函数的使用,单独抽出一天时间把这几个烦人的家伙搞定,去学习更深入的内容. 首先介绍一下this的一 ...

  8. call,apply,bind方法的总结

    why?call,apply,bind干什么的?为什么要学这个? 一般用来指定this的环境,在没有学之前,通常会有这些问题. var a = { user:"追梦子", fn:f ...

  9. JavaScript中call,apply,bind方法的总结

    原文链接:http://www.cnblogs.com/pssp/p/5215621.html why?call,apply,bind干什么的?为什么要学这个? 一般用来指定this的环境,在没有学之 ...

随机推荐

  1. ASP.NET MVC 中 ActionResult 和 ViewResult 在使用上的区别

    如果确认你返回的是一个视图(view),你可以直接返回类型为ViewResult. 如果你并不是很清楚,或者你根本不想去理解这些东西,你可以直接返回ActionResult

  2. 遍历id,根据id作为条件循环查询。

    string id = "OE09924008161405102,OE36765709071405102,OE87852044171405102,OE09924008161405102&qu ...

  3. html multiple select option 分组

    普通html方式展示<select name="viewType" style="width: 100%;height: 300px;" multiple ...

  4. java web(jsp)-The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

    在静态项目上新建 jsp文件的时候,报错:The superclass "javax.servlet.http.HttpServlet" was not found on the ...

  5. IsPostBack and DropdownList.

    Encounted the issue accident when helping my classmate dealing with his homework assignment,it turns ...

  6. 2016.7.13abstract

    abstract的使用: 1.当许多类中有相同的功能,功能的内容不同,那么我们向上提取功能的定义. 2当功能的定义被 abstract修饰后,那么它的类也要被abstract修饰,使其抽象化. 3被a ...

  7. 【POJ1568】【极大极小搜索+alpha-beta剪枝】Find the Winning Move

    Description 4x4 tic-tac-toe is played on a board with four rows (numbered 0 to 3 from top to bottom) ...

  8. 神秘链接__proto__是什么鬼

    _proto_实际上是某个实例对象的隐藏属性,而prototype是其构造器函数(或者说‘类’)的原型属性; function Mine() {} var  hi = new Function(), ...

  9. java中如何操作数据库(增删改查)

    EntityManager 是用来对实体Bean 进行操作的辅助类.他可以用来产生/删除持久化的实体Bean,通过主键查找实体bean,也可以通过EJB3 QL 语言查找满足条件的实体Bean.实体B ...

  10. yii2源码学习笔记(三)

    组件(component),是Yii框架的基类,实现了属性.事件.行为三类功能,如果需要事件和行为的功能,需要继承该类. yii\base\Component代码详解 <?php /** * @ ...