javascript中call与apply以及bind有哪些不同

这次给大家带来javascript中call与apply以及bind有哪些不同，javascript中call与apply以及bind使用的注意事项有哪些，下面就是实战案例，一起来看一下。

首先补充严格模式这个概念，这是ES5中提出的，只要写上：

“use strict”

就是告诉当前浏览器，接下来的JavaScript代码将按照严格模式进行编写。

function fn() { 
console.log(this); 
}

fn.call(); // 普通模式下this是window，在严格模式下this是undefined
fn.call(null); // 普通模式下this是window，在严格模式下this是null
fn.call(undefined); // 普通模式下this是window，在严格模式下this是undefined
apply方法和call方法的作用是一模一样的，都是用来改变方法的this关键字，并且把方法执行，而且在严格模式下和非严格模式下，对于第一个参数是null/undefined这种情况规律也是一样的，只是传递函数的的参数的时候有区别。

function fn(num1, num2) {
    console.log(num1 + num2);
    console.log(this);
}fn.call(obj , 100 , 200);fn.apply(obj , [100, 200]);123456

call在给fn传递参数的时候，是一个个的传递值的，而apply不是一个个传的，而是把要给fn传递的参数值同一个的放在一个数组中进行操作，也相当于一个个的给fn的形参赋值。

bind方法和apply、call稍有不同，bind方法是事先把fn的this改变为我们要想要的结果，并且把对应的参数值准备好，以后要用到了，直接的执行即可，也就是说bind同样可以改变this的指向，但和apply、call不同就是不会马上的执行。

var tempFn = fn.bind(obj, 1, 2); 
tempFn();

第一行代码只是改变了fn中的this为obj，并且给fn传递了两个参数值1、2，但是此时并没有把fn这个函数给执行，执行bind会有一个返回值，这个返回值tempFn就是把fn的this改变后的那个结果。

注意：bind这个方法在IE6~8下不兼容。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

spring boot的定时任务应该如何使用

javascript中call详解

以上就是javascript中call与apply以及bind有哪些不同的详细内容，更多请关注php中文网其它相关文章！