在什么具体场景下,如何使用JavaScript的call和apply方法实现代码复用?
- 内容介绍
- 文章标签
- 相关推荐
本文共计777个文字,预计阅读时间需要4分钟。
一、作用及应用场景+ call 和 apply 方法都是 Function 的方法,用于改变函数的执行上下文。第一个参数是 this 的值,第二个参数是一个参数数组(apply)或单个参数(call)。
二、call 和 apply 方法+ call 和 apply 都是为了改变函数执行时的上下文而存在的,即上下文(context)。+ 举例说明:`function func(a, b) { console.log(this.a + this.b); }`+ 使用 call:`func.call({a: 1, b: 2});` // 输出:3+ 使用 apply:`func.apply({a: 1, b: 2});` // 输出:3
一、作用及应用场景
call和apply是Function的方法,他的第一个参数是this,第二个是Function的参数。call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样,只是接受参数的方式不太一样。
call 需要把参数按顺序传递进去,而 apply 则是把参数放在数组里。
例如,有一个函数 func1 定义如下:
var func1 = function(arg1, arg2) {};
就可以通过 func1.call(this, arg1, arg2); 或者 func1.apply(this, [arg1, arg2]); 来调用。
本文共计777个文字,预计阅读时间需要4分钟。
一、作用及应用场景+ call 和 apply 方法都是 Function 的方法,用于改变函数的执行上下文。第一个参数是 this 的值,第二个参数是一个参数数组(apply)或单个参数(call)。
二、call 和 apply 方法+ call 和 apply 都是为了改变函数执行时的上下文而存在的,即上下文(context)。+ 举例说明:`function func(a, b) { console.log(this.a + this.b); }`+ 使用 call:`func.call({a: 1, b: 2});` // 输出:3+ 使用 apply:`func.apply({a: 1, b: 2});` // 输出:3
一、作用及应用场景
call和apply是Function的方法,他的第一个参数是this,第二个是Function的参数。call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样,只是接受参数的方式不太一样。
call 需要把参数按顺序传递进去,而 apply 则是把参数放在数组里。
例如,有一个函数 func1 定义如下:
var func1 = function(arg1, arg2) {};
就可以通过 func1.call(this, arg1, arg2); 或者 func1.apply(this, [arg1, arg2]); 来调用。

