JavaScript手写bind函数
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript手写bind函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1448字，纯文字阅读大概需要3分钟。
内容图文
函数是有Function构建出来的，它本身是内有bind函数的，要手写bind函数可以写到Function.prototype上，这里用到了，原型链，this,call，apply，arguments，slice等知识。过程分为三步。
一、首先在Function.prototype写个bind1函数（为了不覆盖原有的bind函数），用arguments来接受参数，arguments可以接受所有的参数，不写它也可以接收到。这里用slice方法来把arguments变成数组，【slice（begin，end）不写标识从索引0开始一直找到末尾，并返回新的数组，call把this指向arguments，表示arguments借用slice查找返回新数组】
Function.prototype.bind=function(){ //把arguments转换成数组 let arr=Array.prototype.slice.call(arguments) }
二、bind，call，apply这些方法它第一个参数是要对this重新绑定的对象，所以要把第一个参数取出来（这里用shift来取，shift删除数组第一个元素，并返回该元素）。并把这个参数存起来，另外this也要存起来。
Function.prototype.bind=function(){ console.log(‘arguments--‘,arguments); //把arguments转换成数组 let arr=Array.prototype.slice.call(arguments) let t=arr.shift(); let _this=this; }
三、原有的bind函数会创建一个新的函数，这里也返回一个新函数来处理，
Function.prototype.bind=function(){ console.log(‘arguments--‘,arguments); //把arguments转换成数组 let arr=Array.prototype.slice.call(arguments) let t=arr.shift(); let _this=this; returnfunction(){ return _this.apply(t,arr) } }
全部代码执行并调用：
function
fn(a,b,c){
console.log(‘this---------‘,this);
console.log(‘参数‘,a,b,c);
}
//bind函数
Function.prototype.bind1=function(){
console.log(‘arguments--‘,arguments);
//把arguments转换成数组
let arr=Array.prototype.slice.call(arguments)
let t=arr.shift();
let _this=this;
returnfunction(){
return _this.apply(t,arr)
}
}
let fn1=fn.bind1({x:100},10,20,30)
console.log(fn1());
同理call，apply也可以按相同思路来写
原文：https://www.cnblogs.com/zimengxiyu/p/14639373.html
内容总结
以上是互联网集市为您收集整理的JavaScript手写bind函数全部内容，希望文章能够帮你解决JavaScript手写bind函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。