自定义组件怎么接受返回参数_call、apply、bind的区别和自定义

一、区别call()/apply()/bind()

• call(obj)/apply(obj): 调用函数, 指定函数中的this为第一个参数的值
• bind(obj): 返回一个新的函数, 新函数内部会调用原来的函数, 且this为bind()指定的第一参数的值
• 注意: 如果obj是null/undefined, this为window

1). 应用

• call()/bind()应用: 根据伪数组生成真数组
• bind(): react中组件的自定义方法 / vue中的事件回调函数内部

2). 自定义call()/apply()

• 给obj添加一个临时方法, 方法名任意, 值为当前函数
• 通过obj调用这个临时方法, 并将接收的参数传入
• 删除obj上的这个临时方法属性

3). 自定义实现bind()

• 返回一个新函数
• 在新函数内部通过原函数对象的call方法来执行原函数， 指定原函数的this为obj指定参数为bind调用的参数和后面新函数调用的参数

二、自定义call()/apply()/bind()

1). 自定义call()/apply()

• 给obj添加一个临时方法, 方法名任意, 值为当前函数
• 通过obj调用这个临时方法, 并将接收的参数传入
• 删除obj上的这个临时方法属性
• 代码

// 自定义call  

2). 自定义实现bind()

• 返回一个新函数
• 在新函数内部通过原函数对象的call方法来执行原函数指定this为obj指定参数为bind调用的参数和后面新函数调用的参数
• 代码

// 自定义bind  

三、测试

function