js基础之call、apply

call与apply的异同

相同点：1、都可以用来修改函数内部的this指向

　　　　2、都会立即执行函数

不同点：

参数格式不同

　　第一个参数都是传递需要指向的obj，之后的传递参数的方式不相同，apply是把剩下的参数通过数组的形式传递，call剩下的参数传递个数不固定，一个一个的传递。

应用场景:

　　call可以用来判断数据类型，如：Object.prototype.toString.call([]) // 返回值[object Array]

　　apply可以用来求数组的最值，如：const arr = [3,4,6,1,4,50]; Math.max.apply(this, arr);同样用call也可以实现，只不过传参不一样。

手动实现call和apply：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Function.prototype.myCall = function (context) {   if (typeof this !== 'function') {     throw new Error('Not a function')   }   //   context = Object(context)   const key = Symbol(); // 这里为了方便就使用Symbol保证唯一性，当然也可以使用其他的方式，如自己再写个生成uuid的方式获取唯一值。   const args = [...arguments].slice(1); // [...arguments]这一步是把类数组arguments变为真正的数组，使其具有slice方法，从而获取参数。   context[key] = this; // 这里的this就是代表要执行的方法。   context[key](...args);     delete context[key]; }   Function.prototype.myApply = function (context, rest) {   if (typeof this !== 'function') {     throw new Error('Not a function')   }   //   context = Object(context)   const key = Symbol();   context[key] = this;   context[key](...rest);     delete context[key]; }

　　解析：

　　　　上面执行执行 context[key](...args)和 context[key](...rest)之所以能改变this的指向是因为把对应的执行方法先挂载在context上，然后通过context来执行，因为普通函数内部this的指向的是其直接调用者。明白这个道理就自己实现起来就简单了。

?

1

?

1

<br><br>