笔记：简单的实现bind、apply、call

Function.prototype.myBind = function() {
  // console.log('typeof arguments: ', typeof arguments);
  // console.log('arguments: ', arguments);
  let fn = this
  let ags = [...arguments].slice(1)
  let context = arguments[0]

  return function () {
    let params = [...ags, ...arguments]
    return fn.apply(context, params)
  }
}

var a = 10;
var test = function(a, b) {
  // console.log('---------a, b: ', a, b);
  console.log(this.a);
}

test()

// 如果直接执行test，最终打印的是10.
// var bindTest = test.bind({a: "111"})
var bindTest = test.myBind({a: "111"}, 'aaa')
bindTest('bbb'); // 111

Function.prototype.myApply = function(context) {
  // console.log('typeof arguments: ', typeof arguments);
  // console.log('arguments: ', arguments);
  let ags = [...arguments].slice(1)
  context = context || window

  context.fn = this
  context.fn(...ags)

  delete context.fn
}

var a = 10;
var test = function(a) {
  console.log('---------a: ', a); // ---------a:  [ 'aaa', 'bbb' ]
  console.log(this.a);
}

test()

test.myApply({a: "111"}, ['aaa', 'bbb'])

Function.prototype.myCall = function(context) {
  // console.log('typeof arguments: ', typeof arguments);
  // console.log('arguments: ', arguments);
  let ags = [...arguments].slice(1)
  context = context || window

  context.fn = this
  context.fn(...ags)

  delete context.fn
}

var a = 10;
var test = function(a, b) {
  console.log('---------a, b: ', a, b); // ---------a, b:  aaa bbb
  console.log(this.a);
}

test()

test.myCall({a: "111"}, 'aaa', 'bbb')