2024年最新原生js源码之JavaScript的apply方法，字节跳动面试链接

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

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

context = {};

}

context[this.name]=this;

var param = args[1]||[];//取到参数数组

if(!(param instanceof Array)){//当第2个参数不是数组的时候抛出错误

throw TypeError(“CreateListFromArrayLike called on non-object”);

}

var fn = this.name+“(”;

for(var i=0,len=param.length;i<len;i++){

arg = param[i];

if(i===0){

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

}else{

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

}

}

fn +=“)”;

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

}

return  ret;

}

下面来验证一下结果：

完整实现如下：

var person={

name:“人类”,

sayHi:function(a,b){

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

}

}

var pig={

name:‘小猪’

}

Function.prototype.myApply=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 param = args[1]||[];//取到参数数组

if(!(param instanceof Array)){

throw TypeError(“CreateListFromArrayLike called on non-object”);

}

var fn = this.name+“(”;

for(var i=0,len=param.length;i<len;i++){

arg = param[i];

if(i===0){

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

}else{

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

}

}

fn +=“)”;

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

}

return  ret;

}

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

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

最后

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

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

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

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

[外链图片转存中…(img-zIp2mXmf-1715748289819)]