call的作用:
call() 方法在使用一个指定的 this 值和若干个指定的参数值(参数用逗号隔开)的前提下调用某个函数或方法。
例如:
var obj={
value:1
}
function fun(){
console.log(this.value)
}
fun.call(obj) //1
call()做了两件事:
1.改变了fun的this指向,将this指向了obj
2.执行了fun
自己模拟实现一个call函数:
主要思想是将要执行的函数作为call函数的第一个参数的一个属性来执行,执行完成后删除这一属性。在下面的例子中就是将bar函数作为obj的一个属性obj.fn来执行,执行完成后删除obj的fn属性。
var obj = {
value:1
}
var value=100
function bar(name,age){
console.log(name)
console.log(age)
console.log(this.value)
//如果函数有返回值
return {
value:this.value,
name:name,
age:age
}
}
Function.prototype.call2=function(ctx){
//如果ctx是null或undefined时,默认指向window
//如果ctx是基本类型值,则返回它的包装类
ctx = ctx==null ? window:Object(ctx)
var args = []
for(var i = 1;i<arguments.length;i++){
args.push('arguments['+i+']')
}
ctx.fn=this
var result = eval('ctx.fn('+args+')')
delete ctx.fn
return result
}
bar.call2(obj,"Bob",18)
自己模拟实现一个apply函数:
apply() 方法调用一个具有给定this值的函数,以及作为一个数组(或类数组对象)提供的参数。
var obj = {
value:1
}
var value = 999
function bar(name,age){
console.log(this.value)
return{
"name":name,
"age":age
}
}
Function.prototype.apply2 = function(ctx,arr){
ctx = ctx == null?window : Object(ctx)
ctx.fn = this
var result
if( !arr ){
result = ctx.fn()
}else{
var args = []
for(var i = 0;i<arr.length;i++){
args.push('arr['+ i +']')
}
result = eval('ctx.fn('+ args +')')
}
delete ctx.fn
return result
}
let r = bar.apply2(null,["nancy",18])
console.log(r)
注意:call()方法的作用和 apply() 方法类似,区别就是call()方法接受的是参数列表,而apply()方法接受的是一个参数数组