博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js中call、apply、bind的用法
阅读量:6956 次
发布时间:2019-06-27

本文共 1096 字,大约阅读时间需要 3 分钟。

原文链接:http://www.cnblogs.com/xljzlw/p/3775162.html

var zlw = {    name: "zlw",    sayHello: function (age) {         console.log("hello, i am ", this.name + " " + age " years old");     }};var  xlj = {    name: "xlj",};zlw.sayHello(24);// hello, i am zlw 24 years old
 

下面看看call、apply方法的用法:

zlw.sayHello.call(xlj, 24);// hello, i am xlj 24 years oldzlw.sayHello.apply(xlj, [24]);// hello, i am xlj 24 years old

结果都相同。从写法上我们就能看出二者之间的异同。

相同之处在于,第一个参数都是要绑定的上下文,后面的参数是要传递给调用该方法的函数的。

不同之处在于,call方法传递给调用函数的参数是逐个列出的,而apply则是要写在数组中。

我们再来看看bind方法的用法:

zlw.sayHello.bind(xlj, 24)(); //hello, i am xlj 24 years oldzlw.sayHello.bind(xlj, [24])(); //hello, i am xlj 24 years old

bind方法传递给调用函数的参数可以逐个列出,也可以写在数组中。

bind方法与call、apply最大的不同就是前者返回一个绑定上下文的函数,

而后两者是直接执行了函数。由于这个原因,上面的代码也可以这样写:

zlw.sayHello.bind(xlj)(24); //hello, i am xlj 24 years oldzlw.sayHello.bind(xlj)([24]); //hello, i am xlj 24 years old

bind方法还可以这样写 fn.bind(obj, arg1)(arg2) 。

用一句话总结bind的用法:

该方法创建一个新函数,称为绑定函数,

绑定函数会以创建它时传入bind方法的第一个参数作为this,

传入bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。

转载于:https://www.cnblogs.com/wxiaona/p/5956998.html

你可能感兴趣的文章
Apache与Tomcat的整合
查看>>
Go语言编程----文章汇总
查看>>
nginx做反向代理proxy_pass,proxy_redirect的使用
查看>>
Mybatis的整体架构
查看>>
给出两个单词,找到它们的最短距离 (以它们之间隔了多少个单词计数)。
查看>>
NexentaStor 安装篇
查看>>
Graphical installers are not supported by the VM解决办法
查看>>
我的大学之路---2012在迷雾中前进
查看>>
FF下margin不起作用的问题
查看>>
idea 自动导包
查看>>
mysql主从常见问题
查看>>
iOS 截屏
查看>>
Javascript 经典资料分享大家一起顶
查看>>
linux 系统 stty 的使用
查看>>
搭建Web服务器之Step2:VMware下虚拟机NAT联网设置
查看>>
Android 多线AsyncTask详解
查看>>
我的友情链接
查看>>
使用AdminLTE
查看>>
Armstrong数
查看>>
C# StringHelper
查看>>