js里面的call apply bind 方法

function example(a,b){        console.log(a+b)    }    example(1,2)    输出 3

call方法

var a = 1;    function example(){        console.log(this.a)    }    输出 1

this代表的是window对象，a为全局变量，全局变量实际上是window对象的一个属性。

var a = 1;    var obj = {        a=9;    };    function example(b){        return this.a+b    }    console.log(example.call(obj,2))

输出11，而不是3，实际上，call是改变函数里面的this对象的，如果以example()这种普通方式调用函数的话，this值为我们设置的全局变量。而以call方法调用时，this值为我们传进去的obj对象。

apply方法实际上是与call方法用法相同，只不过apply方法传进去的参数是以数组形式例如

example.apply(obj,[2])

其他与call并没有区别。

我们用上面的方法使用bind方法

var a = 1;    var obj = {        a=9;    };    function example(b){        return this.a+b    }    console.log(example.bind(obj,2))

我们会发现打印出来的是一个函数

ƒ example(b){            return this.a+b        }}

我们再把参数去掉打印一下

console.log(example.bind(obj))ƒ example(b){            return this.a+b        }}

我们会发现并没有变化

实际上bind是将obj对象与函数进行绑定，如果我们需要使用，我们需要将函数重新创建一个变量,然后调用新的变量就可以了，

var newexample = example();newexample()

如果我们再进行打印

console.log(newexample(2))

我们会得到11

转载地址：http://gxnna.baihongyu.com/

你可能感兴趣的文章