[胡侃JS(1)] apply() 和 call()

最近研究JS的ES6,对JS这个奇葩又有了新的感悟,但是由于之前很多地方理解不够深,在回忆时一些JS特性有一些模糊,所以准备换个方式记录自己的一些学习思考.
[胡侃]=讲故事

我站在浓雾之中,隐约见到了一个模糊的背影,那个背影仗剑轻舞,灵动而飘忽.招式时而笨拙朴素,时而又高深让人捉摸不透.细细品味,却惊愕,这每一招看似普通,却暗含精妙,只有反复琢磨才会发现其中的精髓.忽然那人一闪而过,消失在了我迷糊的梦境中. 空留我一人深深的沉浸在刚刚的梦幻般的剑舞之中.
一阵急促的闹铃,我惊醒,原来是一场梦,侧头发现,一本《javascript编程精粹》正翻开躺在我枕边...

今天需要介绍下我们的主人公隔壁老王,他长这样(我画画比较丑大家将就看)

var wang = {
    bed : "wang's bed",
    repairBed: function() {
        if (this.bed) {
            console.log("fix");
            console.log(this.bed);
        }    
    }
}

由上图可以看出,老王会干一件事情就是修床,而且技术很6.(别问我为啥是修床,我也不清楚原因,可能是因为床总坏)

// 老王修床
wang.repairBed()
// [output] fix
// [output] wang's bed

那么问题来了,这里出现了两个玩意,第一个是"this",第二个是"bed".
第二个bed好理解,就是修的那个床呗.核心就是第一个"this",this的意思就是"现在在哪里"≈"where you are now". 所以this.bed就是特定地方的床.
默认老王肯定是在自己家的,所以this = 老王的家,于是this.bed就是老王家的bed.
然后有一天,隔壁来了一对夫妻,简称x,他们可能也被奸商骗了或者其他不可描述的原因,家里bed也总坏.突然一天他们知道了隔壁wang擅长修bed,所以就请wang出山帮忙.
x长这样

var x = {
    bed : "x's bed",
}

于是乎就发生了这么一件事情

wang.repairBed.call(x)
// 于是就
// [output] fix
// [output] x's bed

wang.repairBed.call(x)这个内涵很丰富.首先干活的人是wang,让他干的活是repairBed(也就他能干这个,别人也不会).所以就有了"wang.repairBed"这么一部分,但是能是x请wang出山的,而且是去x家修bed.所以"call(x)"的意思就是"被喊去(别管被谁)了x家修",这里的x主要关心的是x家,并不是关心x这人,比较wang还是比较敬业的,他是去修bed的不管是谁请他,也不care是谁的床.(真是个热心的隔壁老王啊)

x这对couple情商很高,他不仅仅会用call这种方法调动wang,由于bed总需要repair,他们还换了种说法去请wang

wang.repairBed.apply(x)

"apply"和"call"是一样的,就是让wang去第一个参数所示的地方去修那里的bed, 区别是apply会将wang要带的工具放进一个工具箱,而call则一个一个的列出来.

wang.repairBed = function (tool1, tool2) {    
// 修床需要用tool1& tool2
    console.log(tool1);
    console.log(tool2);    
    if (this.bed) {
            console.log("fix");
            console.log(this.bed);
    } 
}
wang.repairBed.apply(x, ["hammer", "saw"]);
//apply喊老王 带去的是工具箱 []
//工具箱里放的是各种tool

wang.repairBed.call(x, "hammer", "saw");
//call喊wang 带去的是一个一个的散装tool
//后面列出了各种tool

至此,wang拖着疲惫的身体回到了家中,夜里独自翻看起了一本《javascript编程精粹》然后看着看着靠在床上睡着了,书从手中滑落到了枕边...