手写call,bind,apply
2024-10-08 01:27:47
//实现call
var that = this ; //小程序环境
function mySymbol(obj){
let unique = (Math.random() + new Date().getTime()).toString(32).slice(0,8);
if(obj.hasOwnProperty(unique)){
return mySymbol(obj)
}else {
return unique;
}
}
let Person = {
name:'Tom',
say(age = 23,city = '宁波',job = '前端'){
console.log(`我叫${this.name},今年${age},在${city},从事${job}`)
}
}
let Person1 = {
name:'Tom1'
}
Function.prototype.MyCall = function(context){
context =context || that; //小程序环境 PC环境为context =context || window;
let fn = mySymbol(context);
context.fn = this;
let arg = [...arguments].slice(1);
context.fn(...arg);
delete context.fn;
}
Person.say.MyCall(Person1,23,'宁波','前端');
Person.say.call(Person1,23,'宁波','前端');
//实现apply Function.prototype.myApply = function(cxt,args){
cxt = cxt||that; //小程序环境为cxt = cxt||that; PC环境为cxt = cxt||window;
var fn = mySymbol(cxt);
cxt[fn] = this;
var result = cxt[fn](...args);
return result;
}
Person.say.myApply(Person1,['23','宁波','前端'])
Person.say.apply(Person1,['23','宁波','前端']) Function.prototype.myBind = function(context){
let self = this;
let arg = [...arguments].slice(1);
return function(){
let newArg = [...arguments];
return self.apply(context,arg.concat(newArg))
}
} let fn = Person.say.myBind(Person1,23);
fn();
fn('宁波','前端')
记录学习
最新文章
- 复利计算器(4)——jQuery界面美化、自动补全
- C#操作内存读写方法的主要实现代码
- oracle中的连接查询与合并查询总结
- 看门外汉如何实现:C#操作 MongoDB基本CURD的事务控制之 第二部分
- asp.net 网页抓取内容
- TOMCAT服务器不写端口号、不写项目名访问项目、虚拟目录配置
- jupyterhub
- 什么是 db time
- 全面认识jQuery.fn,菜鸟总结
- 动态代理入门(jdk)
- Android ImageSwitcher和Gallery的使用
- 完全背包的变形POJ1252
- Bluetooth LE(低功耗蓝牙) - 第三部分
- SQLite 入门教程(二)创建、修改、删除表
- 理解Android的startservice和bindservice(转)
- [Python]ConfigParser解析配置文件
- A*寻路算法入门(五)
- 20172328 2018-2019《Java软件结构与数据结构》第六周学习总结
- BAT:文件中替换字符(保留空格和换行)
- nginx反向代理uwsgi django服务器搭建总结