前言
大家好 我是歌谣 最近开始进行前端的知识扫盲的讲解 今天要给大家带来的是手写call的一个讲解
call用法
需求是我们要将绑定的geyao的对象变成绑定为fangfang
var geyao={ name:"geyao", show(){ console.log(this,"this") console.log(` 我是${this.name}`) } } var fangfang={ name:"fangfang" } geyao.show() geyao.show.call(fangfang)
控制台输出
简单小结
call有两个作用 第一调用他的函数并且要求他能够立刻执行 第二就是改变了一下他的this指向
封装自己的简单call函数
var geyao={ name:"geyao", show(){ console.log(this,"this") console.log(` 我是${this.name}`) } } var fangfang={ name:"fangfang" } Function.prototype.GeyaoCall=function (content){ content.show=this this.show() } geyao.show.GeyaoCall(fangfang)
运行结果
小结
这样简单的一个call就被我们实现了 但是一些缺陷我们还需要优化实现 call没有参数的时候this会指向window call可以传递多i个参数 加入属性会增加他的属性 这些都是我们需要解决的 于是乎 我们将传递的参数变为两个参数
