今天给大家介绍call和apply的区别。先来看一段代码:
image
运行结果是:
image
可以看到控制台中什么也没有输出，并不是我们想要的"翠花"。那到底是怎么回事呢？接下来我们在show函数中把this打印出来看看：
image
image
可以看到此时函数中的this指向的是window对象，我们再看看window对象的name属性值：
image
所以我们在控制台中看到的是空。其实我们的本意是输出obj这个对象中的name属性，也就是希望这个show()函数中的this指向obj这个对象。那怎么办呢？此时我们可以使用call或者apply。我们先来看:
- 使用call:
image
- 使用apply:
image
从上面的代码结果可以得到：apply、call功能是一样的，都是让函数调用，并且设置函数中this代表的对象。那它们有什么区别呢？接下来看看下面的代码：
image
此时使用
- call方式来调用：
image
- apply方式来调用:
image
总结:
1 call的语法:函数名.call(obj,参数1,参数2,参数3……);
2 apply的语法:函数名.apply(obj,[参数1,参数2,参数3……]);
这两个东西功能相同，就是把一个函数里面的this设置为某个对象，区别就是后面的参数的语法。call需要使用逗号分隔列出所有参数，但是apply是把所有参数写在数组里面。需要注意的是即使只有一个参数，也必须写在数组里面。