首页 前端知识 js中手写call(不能使用ES6语法)和使用ES6语法对比

js中手写call(不能使用ES6语法)和使用ES6语法对比

2024-06-09 09:06:33 前端知识 前端哥 499 235 我要收藏

//在myCall中通过this拿到调用myCall的原函数,接下来,当函数被调用时,它作为某个对象的方法(前面加了"."),

// this指向这个对象("."前面的对象)改变原函数中this的指向

//将原函数作为context的方法调用时,方法名并不影响功能,但是将方法名写死可能会造成方法名冲突

//传参问题,可以传递n个参数,使用arguments,第二个参数之后的叫剩余参数,将剩余参数传递给context[uniqueName]还可以通过eval来拼接调用语句

Function.prototype.myCall = function(context){

if (context === null || context === undefined) {

// 指定为 null 和 undefined 的 this 值会自动指向window

context = window

} else {

// 值为原始值(数字,字符串,布尔值)的 this 会指向该原始值的实例对象

context = Object(context)

}

//this === 原函数,就是调用myCall的函数

console.log(‘this’,this)

//手写返回一个不重复函数名

function mySymbol(obj){

let unique = (Math.random()+new Date().getTime())

if(obj.hasOwnProperty(unique)){

//如果重复,递归调用

return mySymbol(obj)

}else{

return unique

}

}

let uniqueName = mySymbol(context)

//获取除了第一个参数外剩余的参数

let args = []

for(let i = 1; i < arguments.length; i++){

args.push(‘arguments[’ + i + ‘]’)

}

//将原函数作为context的方法调用

context[uniqueName] = this

//调用原函数,若有返回值,存放在result中, eval可以将字符串执行

let result = eval(‘context[uniqueName](’ + args.join(‘,’) + ‘)’)

//返回之前,删除函数名

delete context[uniqueName]

//返回值

return result

}

2、js手写call(使用ES6语法)简单

Function.prototype.myCall = function(context,…args){

if (context === null || context === undefined) {

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
!!**](https://bbs.csdn.net/topics/618191877)

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11650.html
标签
es6
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!