call,apply ,bind区别与联系

相同点
1,call,apply,bind都是Fuction.prototype的方法,所有的function都具有的方法。
2,并且都是可以改变函数内部this指向的方法

 var a = {
            name: 'zhangsan'
     }
 function fn() {
         console.log(this.name);//zhangsan
    }
fn.call(a)) //调用fn函数并且this指向a对象
fn.apply(a)) //调用fn函数并且this指向a对象
fn.bind(a)) //调用fn函数并且this指向a对象

当然call主要作用是用来继承的,继承一些父类构造函数的属性和方法

function Father(name, age, sex) {
            this.name = name
            this.age = age
            this.sex = sex
           	this.eat=function(){
           		console.log('睡觉')
			}
 }
function Son(name, age, sex) {
            Father.call(this, name, age, sex)
            Father.apply(this,[name, age, sex])
 }
 var son = new Son('张三', 18, '男')
 var son =new Son(['张三', 18, '男'])
 console.log(son);//Son {name: "张三", age: 18, sex: "男"}      

而apply的用法和call的一样,只不过是传递的参数不同,apply是以数组的形式i就行传递参数的。并且apply和call都是可以调用函数的。
不同点
bind是没办法调用函数的,并且bind返回的是改编后的函数,bind和call的传参方式都一样,一个一个的接收参数

var o={
	name:'lisi'
}
(function(){
	console.log('hello')
}).bind(o)()

像这种不需要调用的自执行函数,并且需要改变函数内部的this指向的就可以通过bind来改变。
总结

  1. call apply bind 都能改变函数的内部this指向
  2. call 和apply在改变函数this指向的同时会调用函数,但是传递参数的形式不同,call是一个一个的接收参数,而apply是以数组的形式接收参数,call通常是和构造函数来模拟继承。
  3. bind传参和call一样,但是不会调用函数,通常用于自执行函数改变this指向。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值