call
call()
方法使用一个指定的 this
值和单独给出的一个或多个参数来调用一个函数。
语法:
function.call(thisArg, arg1, arg2, ...)
参数:
thisArg
:在function
函数运行时使用的this
值。请注意,this
可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为null
或undefined
时会自动替换为指向全局对象,原始值会被包装。arg1, arg2, ...
:指定的参数列表。
模拟实现:
Function.prototype.call = function(context) {
context = context || window
const args = Array.from(arguments).slice(1)
const fn = Symbol('fn')
context[fn] = this
const res =context[fn](...args)
delete context[fn]
return res
}
apply
apply()
方法调用一个具有给定this
值的函数,以及作为一个数组(或类似数组对象)提供的参数。
语法:
func.apply(thisArg, [argsArray])
参数:
thisArg
:在func
函数运行时使用的this
值。请注意,this
可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为null
或undefined
时会自动替换为指向全局对象,原始值会被包装。argsArray
:可选的。一个数组或者类数组对象,其中的数组元素将作为单独的参数传给func
函数。如果该参数的值为null
或undefined
,则表示不需要传入任何参数。
模拟实现:
Function.prototype.apply = function (context, args = []) {
context = context || window
const fn = Symbol('fn')
context[fn] = this
const res = context[fn](...args)
delete context[fn]
return res
}
bind
bind()
方法创建一个新的函数,在 bind()
被调用时,这个新函数的 this
被指定为 bind()
的第一个参数,而其余参数将作为新函数的参数,供调用时使用。
语法:
function.bind(thisArg[, arg1[, arg2[, ...]]])
参数:
thisArg
:调用绑定函数时作为this
参数传递给目标函数的值。 如果使用new
运算符构造绑定函数,则忽略该值。当使用bind
在setTimeout
中创建一个函数(作为回调提供)时,作为thisArg
传递的任何原始值都将转换为object
。如果bind
函数的参数列表为空,或者thisArg
是null
或undefined
,执行作用域的this
将被视为新函数的thisArg
。arg1, arg2, ...
:当目标函数被调用时,被预置入绑定函数的参数列表中的参数。 返回值:返回一个原函数的拷贝,并拥有指定的 this 值和初始参数。
模拟实现:
Function.prototype.bind = function(context) {
const fn = this
const args = Array.from(arguments).slice(1)
return function returnFn() {
const returnArgs = Array.from(arguments).slice(0)
if (this instanceof returnFn) {
return new fn(...[...args, ...returnArgs])
}
return fn.apply(context, [...args, ...returnArgs])
}
}