模拟实现javascript中的call()，apply()

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()方法接受的是一个参数数组