call apply bind 箭头函数 的实现原理

call apply bind 箭头函数 的实现原理

（一）call 源码

call() 和 apply() 类似于借用，相当于 A 对象内部有了 B 对象的方法，实质是函数在运行时指定 this 值，打破了解析器在函数调用时创建执行环境时this绑定的规则。

例子：

const val = {
    a:1
}
function add(b,c){
    return this.a + b + c
}
console.log(add.call(val,2,3))	//6

相当于：

1.给 val 对象增加方法 add

2.执行 val 对象的方法 add

3.删除 add 方法

val.add = function(b,c){...}
console.log(val.add(2,3))	//6
delete val.add

call 原生实现：

Function.prototype.callFunc = function(context){
    var context = context || window		//undefined 时 this 绑定在全局
    context.fn = this
    var args = []
    for(var i = 1, len = arguments.length; i < len; i++){
        args.push('arguments[' + i + ']')		//i 为1，除去第一个参数