博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
call()、apply()、bind()
阅读量:6092 次
发布时间:2019-06-20

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

1.均可以改变函数的执行上下文,也就是this值;

2.call()  apply()

1 function apply(num1, num2){2     return sum.apply(this, [num1,num2]);3     }4 function call(num1, num2){5     return sum.call(this, num1, num2);6     }

 

参数的第一部分:执行上下文,就是this;

参数的第二部分:需要传递的参数,可以是一个,也可以为多个;

apply第二部分需要的是一个数组作为参数;

call第二部分的参数是数组里面的元素,需要一个一个传,用逗号隔开;

但是第二部分均可以传arguments;

如果call和apply的第一个参数写的是null,那么this指向的是window对象。

 

1  var a = {2        user:"zhangsan",3        fn:function(){4          console.log(this);//Window {speechSynthesis: SpeechSynthesis, caches: CacheStorage, localStorage: Storage, sessionStorage: Storage, webkitStorageInfo: DeprecatedStorageInfo…}5      }6  }7  var b = a.fn;8  b.apply(null);

3.bind()

属于es5中的方法,也是用来实现上下文绑定,但是它是新创建一个函数,称为绑定函数,然后把它的上下文绑定到bind()括号中的参数上,然后将它返回;

4.bind()与call()、apply()最大的区别:bind()不会立即调用,需要加上()来执行,其他两个会直接调用;

bind方法可以让对应的函数想什么时候调就什么时候调用,并且可以将参数在执行的时候添加,视情况而定。


 

1.第一个参数均是this要指向的对象;

2.都是用来改变函数this对象的指向;

3.都可以继续传递参数.

 

看代码:

var person = {    name: 'zhangsan',    sex: '男',    say: function(){        console.log(this.name + ',' + this.sex);    }}var other = {    name: 'lili',    sex: '女',}person.say.call(other);//lili,女person.say.apply(other);//lili,女person.say.bind(other)();//lili,女

带参数形式:

1 var person = { 2     name: 'zhangsan', 3     sex: '男', 4     say: function(school,grade){ 5         console.log(this.name + ',' + this.sex + ';' + school + grade); 6     } 7 } 8 var other = { 9     name: 'lili',10     sex: '女',11 }12 person.say.call(other,'北京大学','2');//lili,女;北京大学213 person.say.apply(other,['清华大学','3']);//lili,女;北京大学314 person.say.bind(other,'南开大学',4)();//lili,女;北京大学4

转载地址:http://nmlwa.baihongyu.com/

你可能感兴趣的文章
指针怎么用
查看>>
【IOS-COCOS2D游戏开发之十三】CCSPRITE利用BEZIER(贝塞尔)做抛物线动作并让CCSPRITE同时播放两个ACTION动作!...
查看>>
Android 文件存放路径【转】
查看>>
CPU GPU设计工作原理《转》
查看>>
[MySQL 5.6 ] Performance Schema学习:命名规范、状态变量及其他(2)
查看>>
mybatis性能优化二之多对多查询:用一次请求解决n次请求查询
查看>>
防止JavaScript自动插入分号
查看>>
Android--使用开源vitamio做万能视频播放器
查看>>
VS2008中使用NUnit
查看>>
SQL SERVER 的模糊查询 LIKE
查看>>
【Python】软件管理工具--pip
查看>>
插入排序之表插入排序
查看>>
Eclipse整合Tomcat开发Dynamic Web Project环境总结
查看>>
实战博客园访问流量计数器-三步操作简化教程
查看>>
JDBC与JAVA数据库编程
查看>>
Android开发之旅:环境搭建及HelloWorld
查看>>
Red Hat Enterprise Linux 各个版本以及发布日期
查看>>
J2EE全面介绍
查看>>
深入浅出Cocoa多线程编程之 block 与 dispatch quene
查看>>
UIWebView
查看>>