js的call() ，apply() 两种方法的区别和用法，最白话文的解释，让枯燥滚粗！

百度了一圈calll()函数和apply()函数，感觉还是糊里糊涂

正好我前几天刚又重新翻了一遍 那本 600多页 的圣经书，我习惯时不时的去打下基础，只是为了用来装逼，给人讲解。。。。（我是有多蛋疼）！

好了下面针对这个问题，我看好多小朋友 都不理解或者很迷惑，确实容易绕晕，毕竟是js独有的面向对象

嘛，你要一下理解了 才是不正常。开始： 先说call 这个东西

NO 1：我们先看一个简单的例子 1+1 = 2 你应该会吧

function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}

add.call(sub,1,1);  //  结果是？  ‘2’  还是   ‘0’  呢

什么场景下会用到call， apply 这种装逼的写法呢；

好了，下面我们针对，群里的小伙伴提出的疑问一一解答：

那你这不是脑残吗？非要多此一举 弄个该死的call ，搞毛？ 直接 add(1,1)

答：其实 这个写法就是再举个例子 ，大家不要被迷惑

正常写这种加减法功能 谁会脑残这样多此一举？ 嘿嘿 我偷笑！

1

2

3

4

我不太懂了，add.call（sub）了，肯定是add直接sub里面的减法了呀，不然弄个call干嘛呀？

答：call的用法和意义：

官方解释：

1

2

3

4



我的白话文：

call 就是中间牵线的，sub说 我需要 add 你的方法 和技能，

比如：add会飞天 ，但sub 不会飞，现在sub想飞，但add不让它飞，所以sub就叫来了 call 这个东西， call直接把add爆菊

加上一个 点 然后把sub抱到括号里，然后 sub 就直接把add 的“飞天”技能学会了，回到函数

----------

function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}

add.call(sub,1,1);
//  结果是 sub直接集成了 add 的“飞天”技能  sub alert里面 直接变成了 “a+b”！主角还是sub，并不是add ，你要搞清楚！

3. 什么场景下会用到call， apply 这种装逼的写法呢；

答：看例子

function changeStyle(attr, value)
{
this.style[attr] = value;
}
var box = document.getElementById('box');
window.changeStyle.call(box, "height", "200px");

apply() 这个用法

window.changeStyle.apply(box, [‘height’, ‘200px’]);