摘要:js中的call bind apply简单分析使用call()时,obj调用了test得的sum方法,这就相当于把sum方法写到了obj里,并向sum里传了两个参数,所以1,2两个alert()输出的是传进的两个参数;self.a和self.b取得的是obj内的a,b值为2,3,和为5.

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-js中的call bind apply简单分析

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

js中的call bind apply简单分析

使用call()时,obj调用了test得的sum方法,这就相当于把sum方法写到了obj里,并向sum里传了两个参数,所以1,2两个alert()输出的是传进的两个参数;self.a和self.b取得的是obj内的a,b值为2,3,和为5.

bind函数将test.sum简化为另一个全局函数sum(b),sum(b)只需要传入一个参数即可。

三种方法中的第一个参数实际上代表了this的指向,比如说第二个apply() 中的意思就是说我要把test.sum中的方法指向obj,再转向test对象中,可以得到self = this =obj

 var test = {     a : 5,     b : 6,     sum : function (a,b) {  console.log(a,b)      //4,5         function getA(a) {    this.a = a;    //定义全局作用域a ,值为4             return this.a;                     }         function getB(b){    this.b =b;   //定义全局作用域b,值为5             return this.b;         }         alert(a);         alert(b);         return getA(a) + getB(b);     } } var obj = {a:2,b:3}; console.log(test.sum.call(obj,4,5));        //将this指向obj,并将4,5传递给函数sum,接收后 console.log(a,b)     //返回全局作用域

js中的call bind apply简单分析

使用call()时,obj调用了test得的sum方法,这就相当于把sum方法写到了obj里,并向sum里传了两个参数,所以1,2两个alert()输出的是传进的两个参数;self.a和self.b取得的是obj内的a,b值为2,3,和为5.

bind函数将test.sum简化为另一个全局函数sum(b),sum(b)只需要传入一个参数即可。

三种方法中的第一个参数实际上代表了this的指向,比如说第二个apply() 中的意思就是说我要把test.sum中的方法指向obj,再转向test对象中,可以得到self = this =obj

 var test = {     a : 5,     b : 6,     sum : function (a,b) {  console.log(a,b)      //4,5         function getA(a) {    this.a = a;    //定义全局作用域a ,值为4             return this.a;                     }         function getB(b){    this.b =b;   //定义全局作用域b,值为5             return this.b;         }         alert(a);         alert(b);         return getA(a) + getB(b);     } } var obj = {a:2,b:3}; console.log(test.sum.call(obj,4,5));        //将this指向obj,并将4,5传递给函数sum,接收后 console.log(a,b)     //返回全局作用域

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是脚本宝典为你收集整理的

js实例教程-js中的call bind apply简单分析

全部内容,希望文章能够帮你解决

js实例教程-js中的call bind apply简单分析

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过