首页 > > 网页制作 > Javascript >

js call().apply().bind()的用法

2019-04-18 09:03:45来源：博客园阅读 ()

新老客户大回馈,云服务器低至5折

function Person(age) {
      this.age = age;
    }
    Person.prototype.sayHi = function (x, y) {
      console.log((x + y) + ":====>" + this.age); //是实例对象
    };

    function Student(age) {
      this.age = age;
    }
    var per = new Person(10); //实例对象
    var stu = new Student(100); //实例对象
    //sayHi方法是per实例对象的
    per.sayHi.apply(stu, [10, 20]);//30:====>100
    per.sayHi.call(stu, 10, 20);//30:====>100

apply和call的使用方法：

　　1，apply的使用语法

　　　　　　函数名字.apply(对象,[参数1,参数2,...]);

　　　　　　方法名字.apply(对象,[参数1,参数2,...]);

　　2，call的使用语法

　　　　　　函数名字.call(对象,参数1,参数2,...);

　　　　　　方法名字.call(对象,参数1,参数2,...);

　　作用:改变this的指向，只要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用apply或者是call的方法改变this的指向

　　不同的地方:参数传递的方式是不一样的

function Person(age) {
      this.age=age;
    }
    Person.prototype.play=function () {
      console.log(this+"====>"+this.age);
    };

    function Student(age) {
      this.age=age;
    }
    var per=new Person(10);
    var stu=new Student(20);
    //复制了一份
    var ff=per.play.bind(stu);
    ff();

bind是用来复制一份

使用的语法:

　　函数名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个函数

　　方法名字.bind(对象,参数1,参数2,...);---->返回值是复制之后的这个方法

bind 返回的是一个新的函数，你必须调用它才会被执行

总结：

　　 call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了：

　　call的参数是直接放进去的，第二第三第n个参数全都用逗号分隔，直接放到后面 obj.myFun.call(对象,参数1,参数2,...)；

　 apply的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(对象,[参数1,参数2,...]);

　 bind除了返回是函数以外，它的参数和call 一样。

　

　当然，三者的参数不限定是string类型，允许是各种类型，包括函数、 object 等等！

原文链接:https://www.cnblogs.com/wanguofeng/p/10725032.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：VUE 生命周期详解

下一篇：前端笔记之JavaScript面向对象（一）Object&函数上下文&

相关文章

IDC资讯：主机资讯注册资讯托管资讯 vps资讯网站建设

网站运营：建站经验策划盈利搜索优化网站推广免费资源

网站联盟：联盟新闻联盟介绍联盟点评网赚技巧

行业资讯：搜索引擎网络游戏电子商务广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护

软件技巧：其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识：网络协议网络安全网络管理组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条

最新资讯

热门关注

热门标签