call apply bind

JavaScript的call,apply和bind的区别

相同点是三者都可以把一个函数应用到其他对象上；都是用来改变函数的this对象的指向的；第一个参数都是this要指向的对象；都可以利用后续参数传参。不同点是call，apply是修改函数的作用域，即修改this指向，并且立即执行，而bind是返回了一个新的函数，不是立即执行；而call和apply的区别是call接受逗号分隔的无限多个参数列表，apply则是接受数组作为参数。

 var xw = {
                        name : "小王",
                        gender : "男",
                        age : 24,
                        say : function() {
                                alert(this.name + " , " + this.gender + " ,今年" + this.age);                                
                        }
                }
                var xh = {
                        name : "小红",
                        gender : "女",
                        age : 18
                }
                xw.say();

此时say方法没有参数

1. call方法传参：xw.say.call(xh);
2. apply方法传参：xw.say.apply(xh);
3. bind方法传参：xw.say.bind.(xh)();

var xw = {
                        name : "小王",
                        gender : "男",
                        age : 24,
                        say : function(school,grade) {
                                alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);                                
                        }
                }
                var xh = {
                        name : "小红",
                        gender : "女",
                        age : 18
                }

此时say方法有参数

1. call方法传参：call后面的参数与say方法中的参数是一一对应的

xw.say.call(xh,"实验小学","六年级");

2. apply方法传参：apply的第二个参数必须是数组，数组中的元素是和say方法中的参数一一对应的

xw.say.apply(xh,["实验小学","六年级"]);

3. bind方法传参：bind方法返回的是一个函数，可以在调用的时候再进行传参

xw.say.bind(xh,"实验小学","六年级")();

等价于

xw.say.bind(xh)("实验小学","六年级");