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])
}
}