call、aplay 和 bind 三者之间的区别?

首先，先说下this指向：

this指向：谁调用，指向谁（这是错误的！！！）

this永远指向最后一个调用它的那个对象

解决this指向问题？

使用ES6中箭头函数
函数内部使用_this = this
使用apply，call，bind方法
new实例化一个对象

call、aplay 和 bind 区别

apply和call基本类似，他们的区别只是传入的参数不同。
apply传入的参数是包含多个参数的数组
call传入的参数是若干个参数列表
bind方法会创建一个新的函数，当被调用的时候，将其this关键字设置为提供的值，我们必须手动去调用

apply：

apply() 方法调用一个函数，其具有一个指定的this值，以及作为一个数组（或者类似数组的对象）提供的参数，fun.apply(thisArg, [argsArray])

thisArg：在fun函数运行时指定的this值。指定this的值并不一定是函数执行时真正的this值，如果是原始值的this会指向该原始值的自动包装对象。

argsArray：一个数组或者类数组对象，其中的数组元素将作为单独的参数传给fun函数。参数为null或者undefined，则表示不需要传入任何参数。

let obj = {name : "小王",func1: function () {console.log(this.name)},func2: function () {setTimeout(  function () {this.func1()}.apply(name),1000);}
};obj.func2(); // 小王

call：

call() 调用一个函数，其具有一个指定的this值，以及若干个参数列表，fun.call(thisArg, arg1, arg2, …)

thisArg：在fun函数运行时指定的this值。指定this的值并不一定是函数执行时真正的this值，如果是原始值的this会指向该原始值的自动包装对象。

arg1, arg2, …：若干个参数列表

let obj2 = {name : "小李",func1: function () {console.log(this.name);},func2: function () {setTimeout(  function () {this.func1()}.call(name),1000);}
};obj2.func2(); // 小李

bind：

bind() 创建一个新的函数，当被调用时，将其this的关键字设置为提供的值，在调用新函数时，在任何提供一个给定的参数序列。

bind创建了一个新函数，必须手动去调用。

let obj3 = {name : "小张",func1: function () {console.log(this.name);},func2: function () {setTimeout(  function () {this.func1();}.bind(name)(),1000);}
};obj3.func2();   // 小张

到此，

结束~~~

call、aplay 和 bind 三者之间的区别?相关推荐

TCP三次握手、四次挥手、socket，tcp，http三者之间的区别和原理
接着上一篇文章叙述: TCP/IP连接(在互联网的通信中,永远是客户端主动连接到服务端): 手机能够使用联网功能是因为手机底层实现了TCP/IP协议,可以使手机终端通过无线网络建立TCP连接.TCP协 ...
[转]ExtJs基础--Html DOM、Ext Element及Component三者之间的区别
要学习及应用好Ext框架,必须需要理解Html DOM.Ext Element及Component三者之间的区别. 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM ...
String String.valueof() toString三者之间的区别~
String String.valueof() toString三者之间的区别~ (String )强制类型转换,使用这种方法时,需要注意的是类型必须能转成String类型.因此最好用instan ...
String StringBuilder StringBuffer三者之间的区别~~~
String StringBuilder StringBuffer三者之间的区别~~~ String是字符串常量,它是典型的immutable类,被声明final class,所有的属性都是fina ...
JavaScript的call，apply和bind方法之间的区别
by Rajat Saxena 通过拉贾特·萨克森纳(Rajat Saxena) JavaScript的call,apply和bind方法之间的区别 (The difference between J ...
Python id(obj), ==, is 三者之间的区别
不多说,直接上代码,看看三者的区别吧. 代码: # 例子 a = [1, 2, 3] b=a; print(a) print(b) print(a is b) print(b is a) print( ...
.NET、C#和ASP.NET三者之间的区别与联系
.NET.C#和ASP.NET三者之间的区别与联系 1..net(dot net) .net是一个平台,抽象的平台概念. 实现形式是库:①定义了基本的类型(通用类型系统CTS,common type ...
【待续】C#.Net 关键词清理 Fields Property Attribute Const三者之间的区别与联系
C#.Net 关键词清理 Fields Property Attribute 三者之间的区别与联系不少人一直对这三个词容易混淆视听,不知道他们之间到底什么联系. 这可能跟翻译的中文有很大的关系. 首 ...
keydown,keypress,keyup三者之间的区别：
最近看了Javascript高级教程中对过滤输入的介绍,想实现比如电话号码中不能包好非数值的字符,而相应文本中插入字符的操作是keypress事件,所以就想通过阻止这个事件的默认事件行为来阻止这个事件 ...
光端机、光纤收发器与光猫三者之间的区别介绍
现如今,在当下的网络通信项目中,光端机.光纤收发器.光猫这几款产品可以说是应用非常广泛,也是备受安防人的推崇,那么,对于这三者之间的区别你是否清楚呢?接下来就由飞畅科技的小编来为大家详细介绍下光端机. ...

call、aplay 和 bind 三者之间的区别?

call、aplay 和 bind 三者之间的区别?相关推荐

最新文章

热门文章