call()和apply()及bind( )三者的相同与区别

call( )方法

1.call可以调用函数 fn.call( )
2.call可以改变this指向（call函数的第一个参数就是call所有调用函数里的this指向）
3.call函数的第二个及以后的参数是原函数的参数
4.解耦：把联系紧密的事物变得联系松散。

let dog = {name:"小黑"
}
function eat(str,music){console.log(this.name+"吃"+str+"，唱着"+music);
}
//call()使dog与eat的关系变得松散了。
eat.call(dog,"油泼面","小苹果");//输出结果为小黑吃油泼面唱着小苹果

apply( )与call( )方法的相同点与不同点

相同点
1.改变this指向
2.第一个参数都是原函数的this指向
不同点
1.apply的第二个参数，是数组，数组里面市原函数的所有参数
2.call的第二个及以后的所有参数是原函数的所有参数

let dog = {name:"小黑"
}
function eat(str,music){console.log(this.name+"吃"+str+"，唱着"+music);
}
eat.apply(dog,["油泼面","小苹果"]);

bind( )方法

bind：能够改变this的指向。
1、bind函数并不会调用原函数。
2、bind函数调用时是会产生新的函数（bind的返回值是新的函数），新的函数就是把原函数和对象永远绑在一起的函数

let dog = {name:"小黑"
}
function eat(str){console.log(this.name+"吃"+str);
}
let e =  eat.bind(dog);
e("油条");//小黑吃油条
e("油糕");//小黑吃油糕
e("油饼");//小黑吃油饼//eat.call(dog,"油条");//小黑吃油
//eat.call(dog,"油糕");//小黑吃油糕
//eat.call(dog,"油饼");//小黑吃油饼

call()和apply()及bind( )三者的相同与区别相关推荐

call，apply，bind的用法与区别
1.call/apply/bind方法的来源首先,在使用call,apply,bind方法时,我们有必要知道这三个方法究竟是来自哪里?为什么可以使用的到这三个方法? call,apply,bind这 ...
函数的四种调用模式以及call()apply()和bind()
函数的四种调用模式根据函数内部this的指向不同,可以将函数的调用模式分成4种函数调用模式方法调用模式构造函数调用模式上下文调用模式(借用方法模式) 函数:当一个函数不是一个对象的属性时,我 ...
手写call，apply和bind（分析三者的用法与区别）
它们有什么用及区别? 在阐述它们如何使用之前,我们有必要整理清楚this的用法,简单的说this是JavaScript语言的一个关键字,它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部 ...
call,apply,bind三者的区别
1.本质上的区别三者最大的区别是call和apply会改变this的指向并且立即执行函数,但是bind方法不会立即执行函数,而是会返回this改变后的函数. let obj = { ...
apply、call、bind三者的区别—附：防抖、节流函数
apply.call.bind三者的区别相同点 1.1 三者都能改变函数中的this指向 1.2 第一个参数都是是要改变的this指向的对象不同点 2.1.第二个参数:apply传的是参数数组:c ...
JavaScript 中 call、apply和bind的用法区别
ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区别而已. 其实是一个很简单的东西,认真看十分钟就从一脸懵 ...
JS中的call、apply、bind方法详解
bind 是返回对应函数,便于稍后调用:apply .call 则是立即调用 . apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(co ...
JS 中 call()、apply()、bind() 的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全理解! 先看明白下面: 例 1 obj.objAge; // 17obj.myFun() // 小张年龄 undefined 例 2 show ...
JavaScript 中 call()、apply()、bind() 的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全理解! 先看明白下面: 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 sho ...

call()和apply()及bind( )三者的相同与区别

call( )方法

apply( )与call( )方法的相同点与不同点

bind( )方法

call()和apply()及bind( )三者的相同与区别相关推荐

最新文章

热门文章