深入理解JavaScript中的call、apply、bind方法的区别
47 浏览量
2020-11-22
00:35:25
上传
评论
收藏 124KB PDF 举报
深入理解深入理解JavaScript中的中的call、、apply、、bind方法的区别方法的区别
在JavaScript 中，this的指向是动态变化的，很可能在写程序的过程中，无意中破坏掉this的指向，所以我们需要一种可以把this的含义固定的技术，于是就
有了call，apply 和bind这三个方法，来改变函数体内部 this 的指向，因为函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样
的概念
apply、、call
apply：应用某一对象的一个方法，用另一个对象替换当前对象
call：调用一个对象的一个方法，以另一个对象替换当前对象
function person() {}
person.prototype = {
attr: {age:18,sex:'girl'},
say: function() {
console.log("My age is " + this.attr.age);
console.log("I am a " + this.attr.sex);
}
}
var Marry = new person();
Marry.say();
// My age is 18
// I am a girl
改变指向
function person() {}
person.prototype = {
attr: {age:18,sex:'girl'},
say: function() {
console.log("My age is " + this.attr.age);
console.log("I am a " + this.attr.sex);
}
}
xiaoming ={ attr : {age:20,sex:'boy'} };
var Marry = new person();
Marry.say();
Marry.say.call(xiaoming);
// My age is 18
// I am a girl
// My age is 20
// I am a boy
共同之处共同之处
都可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
不同之处不同之处
1、apply：最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数，则把参数都写进这个数组里面，当然，即使只有一个参
数，也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何
一个参数，那么 Global 对象将被用作 thisObj，并且无法被传递任何参数。
fun.call(thisArg[, arg1[, arg2[, ...]]])
function f(x,y){
console.log(x+y);
}
f.call(null, 1, 1)
//return 2
2、call：则是直接的参数列表，主要用在js对象各方法互相调用的时候，使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供
thisObj 参数，那么 Global 对象被用作 thisObj。
fun.apply(thisArg, [argsArray])
function f(x,y){
console.log(x+y);
}
f.call(null, [1,1])
//return 2
apply和call功能一样，只是传入的参数列表形式不同，其中 thisArg 是你想指定的上下文，他可以是任何一个 JavaScript 对象(JavaScript 中一切皆对
象)，call 需要把参数按顺序传递进去，而 apply 则是把参数放在数组里。
如果某个函数的参数数量是不固定的，当你的参数是明确知道数量时用 call ，而不确定的时候用 apply，然后把参数 push 进数组传递进去。当参数数量不确
定时，函数内部也可以通过 arguments 这个数组来遍历所有的参数，我们看一下一些用法
评论0
最新资源