2024年原生js源码之JavaScript的call方法，自己来实现，2024年最新阿里的面试题

最后

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

console.log(“-----------------”)

console.log(person.sayHi.myCall(pig));

console.log(person.sayHi.myCall());

console.log(person.sayHi.myCall(undefined));

console.log(person.sayHi.myCall(null));

输出：

小猪 在向你问好！

在向你问好！

在向你问好！

在向你问好！

-----------------

小猪 在向你问好！

在向你问好！

在向你问好！

在向你问好！

打印是一样的，加入参数的写一下，加入参数的话要稍作处理

===========================

Function.prototype.myCall=function(){

var ret;

var args=arguments;

if(args.length==0){

return this();//window

}else{

var context,arg,newArgs;

context = args[0];//第一个参数是作为上下文

if(context==null){//处理null 和 undefined

return this();//window

}

if(typeof context!==‘object’){

context = {};

}

context[this.name]=this;

var fn = this.name+“(”;

for(var i=1,len=args.length;i<len;i++){

arg = args[i];

if(i===1){

fn+=“'”+arg+“'”;

}else{

fn+=“,'”+arg+“'”;

}

}

fn +=“)”;

ret= eval(“context.”+fn);

}

return  ret;

}

要处理成这样，来验证一下结果：

可以看到结果是一样的，接下来是完整的代码：

=========================

var person={

name:“人类”,

sayHi:function(a,b){

return this.name+" 在向你问好！“+a+” "+b;

}

}

//console.log(person.sayHi());

var pig={

name:‘小猪’

}

Function.prototype.myCall=function(){

var ret;

var args=arguments;

if(args.length==0){

return this();//window

}else{

var context,arg,newArgs;

context = args[0];//第一个参数是作为上下文

if(context==null){//处理null 和 undefined

return this();//window

}

if(typeof context!==‘object’){

context = {};

}

context[this.name]=this;

var fn = this.name+“(”;

for(var i=1,len=args.length;i<len;i++){

arg = args[i];

if(i===1){

fn+=“'”+arg+“'”;

}else{

fn+=“,'”+arg+“'”;

}

}

fn +=“)”;

ret= eval(“context.”+fn);

}

return  ret;

}

console.log(person.sayHi.call(pig));

console.log(person.sayHi.call());

console.log(person.sayHi.call(undefined));

console.log(person.sayHi.call(null));

console.log(person.sayHi.call(pig,‘你好啊’));

console.log(person.sayHi.call(pig,‘你好啊’,‘大侠’));

console.log(“-----------------”)

console.log(person.sayHi.myCall(pig));

console.log(person.sayHi.myCall());

console.log(person.sayHi.myCall(undefined));

console.log(person.sayHi.myCall(null));

console.log(person.sayHi.myCall(pig,‘你好啊’));

console.log(person.sayHi.myCall(pig,‘你好啊’,‘大侠’));

如果想要在没有传参的情况下，打印不出现undefined，稍作处理既可!

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-UB1drM1I-1715631473763)]

[外链图片转存中…(img-BhRkUAAI-1715631473763)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】